:root{font-family:Manrope,Segoe UI,sans-serif;color:#ebefff;background:#06060b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(100% 80% at 20% 0%,#22325f 0%,transparent 55%),radial-gradient(80% 90% at 100% 20%,#2a1f45 0%,transparent 55%),linear-gradient(170deg,#05060d,#0b1023 60%,#090a13);color:#ebefff}.app-shell{min-height:100vh;position:relative;display:flex;justify-content:center;padding:16px}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#ffffff22 1px,transparent 1px);background-size:22px 22px;opacity:.2;pointer-events:none}.phone-frame{width:min(460px,100%);position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding-bottom:86px}.header-card,.content-card,.modal-card,.chart-card,.stat-card{border:1px solid #ffffff2b;border-radius:22px;background:linear-gradient(145deg,#ffffff21,#ffffff10);box-shadow:0 22px 40px #0005;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-card{padding:18px}.header-card h1{margin:0;font-size:1.4rem;letter-spacing:.4px}.header-card p{margin:6px 0 0;color:#bbcaef}.status-chip{margin-top:10px;display:inline-block;padding:6px 12px;border-radius:999px;font-size:.8rem;background:#34d39933;border:1px solid #6ee7b7aa}.logout-btn{margin-top:10px;background:#ffffff14;color:#e7edff;border:1px solid #ffffff3d;border-radius:10px;padding:7px 11px}.auth-error{margin-top:10px;color:#fecaca;border:1px solid #fca5a5;background:#7f1d1d40;border-radius:10px;padding:10px;font-size:.9rem}.content-card{padding:16px}.section-wrap h2{margin-top:0}form{display:flex;flex-direction:column;gap:10px}.row-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-label{display:flex;flex-direction:column;gap:6px;font-size:.92rem;color:#dbe4ff}input,select,button{font:inherit}input,select{border:1px solid #ffffff30;border-radius:12px;background:#10182dcc;color:#f5f7ff;padding:11px 12px}button{border:0;cursor:pointer}.primary-btn,.secondary-btn,.danger-btn{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 14px;font-weight:700}.primary-btn{color:#051322;background:linear-gradient(145deg,#7dd3fc,#38bdf8)}.secondary-btn{color:#edf2ff;background:#171d32;border:1px solid #ffffff2b}.danger-btn{color:#fff3f3;background:#ef444433;border:1px solid #f87171;padding:8px 10px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.stat-card{padding:12px}.stat-card p{margin:0;color:#b8c4eb;font-size:.82rem}.stat-card strong{display:block;margin-top:6px}.stat-card.highlight{border-color:#4ade80}.chart-card{margin-top:12px;padding:12px}.chart-card h3{margin:0 0 10px;font-size:1rem}.bottom-nav{position:fixed;bottom:12px;width:min(460px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border:1px solid #ffffff30;border-radius:18px;background:#0e1428dd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px;z-index:5}.nav-btn{border-radius:12px;color:#b9c8ef;background:transparent;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.75rem}.nav-btn.active{color:#e9f6ff;background:linear-gradient(130deg,#1f2b50,#0d6f9c)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#01040eaa;display:grid;place-items:center;padding:16px;z-index:12}.modal-card{width:min(430px,100%);padding:14px;max-height:80vh;overflow:auto}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.history-list li{border:1px solid #ffffff2b;border-radius:14px;padding:10px;display:flex;justify-content:space-between;gap:8px;background:#0f1730}.history-list p{margin:2px 0;color:#b4c3e8;font-size:.85rem}@media (max-width: 420px){.row-grid,.report-grid{grid-template-columns:1fr}}