@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f3;--surface:#fff;--surface2:#f1efe8;--text:#1a1a1a;--text2:#5f5e5a;--text3:#888780;--border:#0000001a;--green:#1d9e75;--blue:#3266ad;--red:#e24b4a;--purple:#7f77dd;--cyan:#00e5cc;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#1a1a1a;--surface:#242424;--surface2:#2e2e2c;--text:#f0ede8;--text2:#b4b2a9;--text3:#888780;--border:#ffffff1a}}html.light{--bg:#f5f5f3;--surface:#fff;--surface2:#f1efe8;--text:#1a1a1a;--text2:#5f5e5a;--text3:#888780;--border:#0000001a}html.dark{--bg:#1a1a1a;--surface:#242424;--surface2:#2e2e2c;--text:#f0ede8;--text2:#b4b2a9;--text3:#888780;--border:#ffffff1a}.theme-toggle-btn{border:.5px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text3);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.theme-toggle-btn:hover{color:var(--text);border-color:var(--cyan)}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Nunito,-apple-system,sans-serif}.stitle{color:var(--text2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:11px;font-weight:900}.card{background:var(--surface);border:.5px solid var(--border);border-radius:14px;margin-bottom:1.5rem;padding:1rem 1.25rem}.card-nb{background:var(--surface);border:.5px solid var(--border);border-radius:14px;padding:1rem 1.25rem}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:1.5rem;display:grid}.grid2l{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-bottom:1.5rem;display:grid}.grid2r{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;margin-bottom:1.5rem;display:grid}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:0 8px 10px;font-size:10px;font-weight:900}.data-table th:not(:first-child){text-align:center}.data-table td{border-top:.5px solid var(--border);color:var(--text);padding:9px 8px;font-size:13px;font-weight:700}.data-table td:not(:first-child){text-align:center}.av{vertical-align:middle;background:var(--surface2);width:28px;height:28px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;margin-right:8px;font-size:11px;font-weight:900;display:inline-flex}.pill{border-radius:20px;padding:2px 10px;font-size:11px;font-weight:900;display:inline-block}.pill-ok{color:#0f6e56;background:#00e5cc26}.pill-warning{color:#854f0b;background:#ba75171f}.pill-error{color:#a32d2d;background:#e24b4a1f}.pill-info{color:#1f4378;background:#3266ad1f}.btn{cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:20px;padding:8px 16px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;transition:all .15s}.btn:hover{border-color:var(--cyan)}.btn-primary{background:var(--cyan);color:#003d36;border:none;font-weight:900}.btn-primary:hover{opacity:.88}.btn-danger{background:var(--red);color:#fff;border:none;font-weight:900}.btn-danger:hover{opacity:.88}.btn-row{justify-content:center;gap:6px;display:flex}.input{border:1.5px solid var(--border);background:var(--surface2);color:var(--text);border-radius:20px;outline:none;width:100%;padding:10px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:border-color .2s}.input:focus{border-color:var(--cyan)}.input::placeholder{color:var(--text3);font-weight:400}.status-pill{background:var(--surface);border:.5px solid var(--border);color:var(--text2);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.dot{background:var(--text3);border-radius:50%;width:7px;height:7px}.dot.green{background:var(--green);animation:2s infinite pulse}.dot.red{background:var(--red)}.dot.amber{background:#ba7517}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.big-num{color:var(--text);font-size:32px;font-weight:900;line-height:1}.delta{margin-top:4px;font-size:11px;font-weight:900}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.delta.flat{color:var(--text3)}#loginScreen{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex}#loginBox{text-align:center;width:100%;max-width:340px}.arti-logo{justify-content:center;margin-bottom:.5rem;display:flex}.mascot-scene{width:160px;height:160px;margin:0 auto .6rem;position:relative}.mascot-glow{background:radial-gradient(circle,#00dcff59 0%,#a08cff26 55%,#0000 75%);border-radius:50%;animation:2.5s ease-in-out infinite glowPulse;position:absolute;inset:-14px}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.mascot-float{justify-content:center;align-items:center;animation:3s ease-in-out infinite floatAnim;display:flex;position:absolute;inset:0}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mascot-ball{background:radial-gradient(circle at 38% 32%,#fff 0%,#e8f6ff 10%,#c8e8ff 22%,#c8b8ff 36%,#f0b8d8 50%,#b8e8f0 65%,#c8d0ff 80%,#d8b8ff 100%);border-radius:50%;width:108px;height:108px;position:relative;box-shadow:inset -12px -12px 28px #a064ff38,inset 10px 10px 22px #ffffffad,0 0 28px #00d2ff59,0 0 55px #a078ff26}.mascot-shine{filter:blur(2.5px);background:#ffffffd1;border-radius:50%;width:30px;height:18px;position:absolute;top:12px;left:17px;transform:rotate(-30deg)}.mascot-shine2{filter:blur(1.5px);background:#ffffff80;border-radius:50%;width:12px;height:7px;position:absolute;top:24px;left:30px;transform:rotate(-30deg)}.mascot-blush{justify-content:space-between;width:100%;padding:0 12px;display:flex;position:absolute;bottom:30px}.blush-dot{filter:blur(3px);background:#ff8caf8c;border-radius:50%;width:18px;height:11px}.mascot-face{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.mascot-eyes-row{align-items:center;gap:16px;display:flex}.mascot-eye{background:#1a1a2e;border-radius:50%;width:11px;height:12px;position:relative}.mascot-eye:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:2px;right:2px}.mascot-smile{border:2.5px solid #1a1a2e;border-top:none;border-radius:0 0 22px 22px;width:22px;height:11px}.mascot-smile.sad{border:2.5px solid #1a1a2e;border-bottom:none;border-radius:22px 22px 0 0;margin-top:5px}.mascot-shadow{filter:blur(5px);background:#00c8ff2e;border-radius:50%;width:64px;height:10px;animation:3s ease-in-out infinite shadowAnim;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}@keyframes shadowAnim{0%,to{opacity:.45;transform:translate(-50%)scaleX(1)}50%{opacity:.18;transform:translate(-50%)scaleX(.65)}}.star-p{pointer-events:none;color:#6ad8e8;font-size:14px;animation:ease-in-out infinite starAnim;position:absolute}@keyframes starAnim{0%,to{opacity:.15;transform:scale(.7)rotate(0)}50%{opacity:.9;transform:scale(1.2)rotate(25deg)}}.hearts{letter-spacing:6px;opacity:.5;color:var(--text3);margin-bottom:.4rem;font-size:14px}.login-heading{color:var(--text);margin:.5rem 0 4px;font-size:23px;font-weight:900}.login-sub{color:var(--text2);margin-bottom:1.6rem;font-size:14px;line-height:1.55}.login-input{border:2.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:center;letter-spacing:2px;border-radius:20px;outline:none;margin-bottom:12px;padding:15px 20px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;transition:border-color .2s}.login-input:focus{border-color:var(--cyan)}.login-input::placeholder{letter-spacing:0;color:var(--text3);font-weight:400}.login-btn{cursor:pointer;background:var(--cyan);color:#003d36;border:none;border-radius:20px;width:100%;padding:15px;font-family:Nunito,sans-serif;font-size:17px;font-weight:900;transition:opacity .15s,transform .1s}.login-btn:hover{opacity:.88}.login-btn:active{transform:scale(.97)}.login-error{color:#ff6b9d;min-height:20px;margin-top:10px;font-size:13px;font-weight:700}.login-hint{color:var(--text3);margin-top:1.2rem;font-size:12px}.shake{animation:.4s shakeAnim}@keyframes shakeAnim{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.pop{animation:.5s popAnim}@keyframes popAnim{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.container{max-width:1100px;margin:0 auto}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:1.5rem;display:flex}.nav-tabs{border-bottom:.5px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:2rem;display:flex}.nav-tab{color:var(--text2);cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;margin-bottom:-1px;padding:8px 18px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700}.nav-tab:hover{color:var(--text)}.nav-tab.active{color:var(--cyan);border-bottom-color:var(--cyan)}.nav-divider{background:var(--border);width:1px;margin:6px 8px}footer{text-align:center;color:var(--text3);padding:2rem 0 1rem;font-size:12px;font-weight:700}