:root{--bg-deep:#f8fafc;--bg-card:#ffffffe6;--primary:#06f;--primary-glow:#0066ff1a;--secondary:#6d28d9;--accent:#10b981;--text-main:#0f172a;--text-dim:#64748b;--glass-border:#00000014;--danger:#ef4444;--safe:#10b981;--bg-deep-grad:radial-gradient(circle at top right, #6d28d90d, transparent), radial-gradient(circle at bottom left, #0066ff0d, transparent)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Outfit,Inter,system-ui,sans-serif}body{background:var(--bg-deep);color:var(--text-main);width:100vw;height:100vh;overflow:hidden}#root{height:100%}.app-container{background:var(--bg-deep-grad);flex-direction:column;max-width:500px;height:100%;margin:0 auto;display:flex;position:relative}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.app-header{padding:24px 20px 12px}.brand-title{color:var(--text-main);font-size:1.5rem;font-weight:800}.action-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px 20px;display:grid}.action-tile{aspect-ratio:1;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:all .2s;display:flex}.action-tile:active{background:#00000005;transform:scale(.96)}.icon-box{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 10px 15px -3px #0000000d}.action-label{text-align:center;color:var(--text-main);font-size:.9rem;font-weight:700}.status-card{border-radius:28px;padding:24px}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);background:#ffffffe6;justify-content:space-around;align-items:center;margin-top:auto;padding:12px 20px 32px;display:flex}.nav-item{color:var(--text-dim);flex-direction:column;align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.nav-item.active{color:var(--primary)}.glass-btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px;font-size:1rem;font-weight:800;transition:all .2s;display:flex}.glass-btn.primary{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px #0066ff4d}.glass-btn.secondary{color:var(--text-main);border:1px solid var(--glass-border);background:#fff}.glass-btn.accent{background:var(--accent);color:#fff}.glass-input{border:1px solid var(--glass-border);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.glass-input input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-weight:600}.login-card{text-align:center;background:#fff;border-radius:32px;width:100%;padding:40px 24px;box-shadow:0 20px 25px -5px #0000000d}.pulse-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-ring;box-shadow:0 0 #10b98166}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}