:root{--primary: #2ECC71;--primary-dark: #27ae60;--primary-light: rgba(46, 204, 113, .2);--secondary: #E2E8F0;--bg-color: #0F172A;--text-main: #F8FAFC;--text-muted: #94A3B8;--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(255, 255, 255, .1);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--nav-bg: rgba(15, 23, 42, .9);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;margin:0;padding:0;overflow-x:hidden}.glass{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:var(--radius-md)}.glass-green{background:#2ecc711a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(46,204,113,.2);border-radius:var(--radius-md)}.app-container{max-width:480px;margin:0 auto;min-height:100vh;position:relative;background-color:var(--bg-color);box-shadow:0 0 20px #0000000d}h1,h2,h3,h4{color:var(--secondary);font-weight:700;margin-bottom:.5rem}p{color:var(--text-muted);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .2s ease;gap:.5rem}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #2ecc714d}.btn-primary:active{transform:scale(.98);background-color:var(--primary-dark)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;height:70px;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a0aec0;font-size:.7rem;font-weight:600;text-decoration:none;gap:4px}.nav-item.active{color:var(--primary)}.nav-item-scan{position:relative;top:-15px;background-color:var(--primary);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 15px #2ecc7166;z-index:101}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:transparent}.logo-text{font-size:1.5rem;font-weight:800;color:var(--secondary);display:flex;align-items:center;gap:.5rem}.logo-icon{color:var(--primary)}.logo{max-width:120px;height:auto}