@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Google+Sans:wght@400;500;700&display=swap";
:root{--brand-blue:#123a8f;--brand-navy:#0d1b3d;--brand-gold:#d4af37;--brand-gold-light:#f0d060;--brand-success:#2e7d32;--brand-warning:#f9a825;--brand-error:#d32f2f;--brand-bg:#f5f7fa;--brand-card:#fff;--brand-border:#e8ecf4;--brand-text:#0d1b3d;--brand-muted:#6b7a99;--radius:18px;font-family:Inter,Google Sans,-apple-system,sans-serif}*{box-sizing:border-box}body{background:#0d1b3d;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}.phone-frame{background:#f5f7fa;border-radius:44px;width:393px;height:852px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 0 0 10px #0a0a0a,0 0 0 12px #1a1a1a,0 40px 80px #0009}.screen{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.scroll-area{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.status-bar{background:var(--brand-navy);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 20px;display:flex}.bottom-nav{background:var(--brand-card);border-top:1px solid var(--brand-border);flex-shrink:0;justify-content:space-around;align-items:center;height:68px;padding-bottom:4px;display:flex}.bottom-nav-item{appearance:none;color:var(--brand-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:6px 12px;transition:all .15s;display:flex}.bottom-nav-item.active{background:#123a8f14}.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0000000f,0 0 0 1px #0000000a}.gold-gradient{background:linear-gradient(135deg,#d4af37 0%,#f0d060 50%,#c9a227 100%)}.blue-gradient{background:linear-gradient(135deg,#123a8f 0%,#1a4fbf 100%)}.navy-gradient{background:linear-gradient(135deg,#0d1b3d 0%,#1a3068 100%)}.badge{letter-spacing:.3px;border-radius:100px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:#2e7d32;background:#e8f5e9}.badge-warning{color:#f57f17;background:#fff8e1}.badge-error{color:#c62828;background:#ffebee}.badge-blue{color:#123a8f;background:#e3eaf8}.badge-gold{color:#8b6914;background:#fdf8e7}.btn{appearance:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;transition:all .15s}.btn:active{opacity:.9;transform:scale(.97)}.input{border:1.5px solid var(--brand-border);width:100%;color:var(--brand-text);background:#fff;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--brand-blue)}.drawer-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:absolute;inset:0}.drawer{background:var(--brand-navy);z-index:101;flex-direction:column;width:280px;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(0)}[data-theme=dark]{--brand-bg:#09152a;--brand-card:#0f2040;--brand-border:#1a3366;--brand-text:#dce6ff;--brand-muted:#7a8fbf}[data-theme=dark] .screen,[data-theme=dark] .scroll-area{background:var(--brand-bg)!important}[data-theme=dark] .card{background:var(--brand-card)!important;box-shadow:0 1px 4px #0000004d!important}[data-theme=dark] .bottom-nav{background:var(--brand-card)!important;border-top-color:var(--brand-border)!important}[data-theme=dark] .bottom-nav-item.active{background:#123a8f40!important}[data-theme=dark] .bottom-nav-item:hover{background:#8fb3ff1f}[data-theme=dark] .input{color:var(--brand-text)!important;border-color:var(--brand-border)!important;background:#0d1b3d!important}[data-theme=dark] .input::placeholder{color:var(--brand-muted)!important}[data-theme=dark] .card{color:var(--brand-text)}[data-theme=dark] .scroll-area .card div[style*="color: '#6B7A99'"]{color:var(--brand-muted)!important}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#1a3366}@keyframes scanline{0%{top:0}to{top:calc(100% - 3px)}}