*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6f9;--bg2:#eef1f6;--card:#fff;--border:#dde3ed;--border2:#c8d0df;--muted:#6b7a99;--text:#111c30;--sub:#4a5568;--action:#4a7fc1;--navy:#1b2a47;--navy2:#2d3f5c;--shadow:0 2px 12px #1b2a471a;--shadow-md:0 4px 24px #1b2a4724;--earned-bg:#dcfce7;--earned-text:#166534;--earned-dot:#16a34a;--inprog-bg:#fef9c3;--inprog-text:#854d0e;--inprog-dot:#d97706;--notstart-bg:#f1f5f9;--notstart-text:#64748b;--notstart-dot:#94a3b8;--win-bg:#dcfce7;--win-text:#166534;--loss-bg:#fee2e2;--loss-text:#991b1b;--radius:12px;--radius-sm:8px;--radius-lg:16px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}body.dark{--bg:#0d1520;--bg2:#111c30;--card:#1b2a47;--border:#2d3f5c;--border2:#3d5070;--muted:#8c96a8;--text:#f0f4f8;--sub:#a8b4c8;--action:#5a8fd1;--navy:#1b2a47;--navy2:#243552;--shadow:0 2px 12px #0006;--shadow-md:0 4px 24px #00000080;--earned-bg:#14532d;--earned-text:#86efac;--earned-dot:#22c55e;--inprog-bg:#451a03;--inprog-text:#fcd34d;--inprog-dot:#f59e0b;--notstart-bg:#1e293b;--notstart-text:#64748b;--notstart-dot:#475569;--win-bg:#14532d;--win-text:#86efac;--loss-bg:#450a0a;--loss-text:#fca5a5}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .2s,color .2s}select,input,textarea,button{font-family:inherit}button,select,input[type=checkbox],input[type=radio],input[type=text],input[type=number],input[type=date],textarea{min-height:44px}button.btn-sm{min-height:32px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}@media print{.no-print{display:none!important}body{color:#000;background:#fff;padding:0}}@media (width<=480px){.header-stats{display:none!important}}#app-loading{z-index:9999;background:#1b2a47;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .4s;display:flex;position:fixed;inset:0}#app-loading.hidden{opacity:0;pointer-events:none}.spinner{border:4px solid #ffffff26;border-top-color:#86efac;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-inner{flex-direction:column;max-height:90vh;display:flex}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;padding-top:16px}