:root{color-scheme:dark;--bg: #020617;--bg-elevated: rgba(15, 23, 42, .92);--border-subtle: rgba(148, 163, 184, .3);--accent: #fbbf24;--accent-soft: rgba(251, 191, 36, .18);--text: #e5e7eb;--text-soft: #9ca3af;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 12px;--shadow-soft: 0 18px 40px rgba(15, 23, 42, .65);--blur: 24px;--nav-height: 70px;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background:radial-gradient(circle at top,#0b1120 0,#020617 60%);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(var(--nav-height) + env(safe-area-inset-bottom)) env(safe-area-inset-left)}.app-login{display:flex;align-items:center;justify-content:center}.login-card{width:min(420px,100%);margin:16px;padding:24px 20px 20px;border-radius:26px;background:radial-gradient(circle at top left,#60a5fa2e,#0f172af2);border:1px solid rgba(148,163,184,.35);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.login-logo{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--text-soft);margin-bottom:12px}.login-title{margin:0;font-size:26px;letter-spacing:.02em}.login-subtitle{margin:6px 0 20px;font-size:13px;color:var(--text-soft)}.login-form{display:grid;gap:10px}.login-form input{border-radius:999px;border:1px solid var(--border-subtle);padding:12px 14px;background:#0f172ae6;color:var(--text);font-size:14px}.login-form input::placeholder{color:#94a3b8e6}.btn-primary{margin-top:4px;border:none;border-radius:999px;padding:12px 16px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827;box-shadow:0 12px 24px #f8b50080}.btn-primary:disabled{opacity:.6;box-shadow:none}.error-text{margin-top:8px;font-size:13px;color:#fecaca}.login-footer{margin-top:18px;font-size:11px;color:var(--text-soft);text-align:center}.app-header{padding:8px 6px 12px;display:flex;flex-direction:column;gap:10px}.app-header-title h1{margin:2px 0 0;font-size:24px}.app-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:#0f172ad9;border:1px solid rgba(148,163,184,.5);color:var(--text-soft)}.app-subtitle{margin:4px 0 0;font-size:12px;color:var(--text-soft)}.app-header-controls{display:flex;flex-direction:column;gap:6px;margin-top:6px}.field-label{font-size:11px;color:var(--text-soft)}.field-shell{border-radius:999px;border:1px solid var(--border-subtle);background:#0f172ae6;padding:4px 10px}.field-shell select{width:100%;border:none;background:transparent;color:var(--text);font-size:14px;padding:6px 0;outline:none}.app-content{flex:1;padding:4px 6px 10px;overflow-y:auto}.page{display:flex;flex-direction:column;gap:12px}.kpi{display:grid;gap:10px}.card{background:#0f172af5;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft)}.bottom-nav{position:fixed;left:env(safe-area-inset-left);right:env(safe-area-inset-right);bottom:0;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;gap:8px;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(to top,#0f172af2,#0f172ab3);border-top:1px solid rgba(148,163,184,.3);z-index:40}.bottom-nav-item{flex:1;max-width:90px;border:none;background:transparent;border-radius:999px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-soft);font-size:10px}.bottom-nav-item.is-active{background:var(--accent-soft);color:var(--accent)}.bottom-nav-icon{font-size:17px}.bottom-nav-label{font-size:11px}textarea{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172af2;color:var(--text)}table.grid{width:100%;border-collapse:collapse;font-size:12px}table.grid th,table.grid td{border-bottom:1px solid rgba(31,41,55,.8);padding:6px 4px}.bubbles{display:flex;flex-wrap:wrap;gap:6px}.bubble{border-radius:999px;padding:6px 10px}