:root{--ink:#17212b;--muted:#6b7681;--gold:#ffca0a;--navy:#17212b;--bg:#f3f5f7;--green:#16845b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:82px}.topbar{height:68px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:10px 16px;position:sticky;top:0;z-index:1020;box-shadow:0 2px 12px #0003}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;font-weight:800;line-height:1}.brand small{display:block;color:#9ba5ad;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:5px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--gold);color:#111;margin-right:10px;border-radius:12px;font-size:24px}.icon-btn{color:white;text-decoration:none;font-size:25px}.app-main{padding:16px;max-width:760px}.page-title{font-size:24px;font-weight:800;margin:3px 0}.page-subtitle{color:var(--muted);font-size:13px;margin-bottom:18px}.card{border:0;border-radius:18px;box-shadow:0 3px 14px #17212b12;margin-bottom:14px}.card-body{padding:16px}.metric{background:#fff;border-radius:16px;padding:15px;height:100%;box-shadow:0 3px 12px #17212b10}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{font-size:23px}.section-title{font-size:15px;font-weight:800;margin:20px 0 10px}.btn{border-radius:12px;font-weight:700;padding:11px 15px}.btn-warning{background:var(--gold);border-color:var(--gold)}.form-control,.form-select{border-radius:11px;padding:11px 12px;border-color:#dce1e5}.form-label{font-size:12px;font-weight:700;color:#56616c;margin-bottom:5px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#fff;display:flex;z-index:1030;border-top:1px solid #e5e8eb;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;text-decoration:none;color:#69747e;font-size:10px;text-align:center;padding:8px 2px}.bottom-nav span{display:block;font-size:22px;height:30px;color:#26323d}.status-live{display:inline-flex;align-items:center;color:var(--green);font-size:11px;font-weight:800}.status-live:before{content:"";width:8px;height:8px;border-radius:50%;background:#21b879;margin-right:5px;box-shadow:0 0 0 4px #21b87922}.list-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f2;padding:12px 0}.list-row:last-child{border:0}.list-row h6{margin:0;font-weight:750}.list-row small{color:var(--muted)}.table{font-size:12px}.empty{text-align:center;color:var(--muted);padding:28px 10px}.login-shell{min-height:100vh;background:linear-gradient(155deg,#17212b 0 52%,#ffca0a 52%);display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:410px;background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 50px #0004}.login-logo{width:62px;height:62px;border-radius:18px;background:var(--gold);display:grid;place-items:center;font-size:35px;font-weight:900;margin-bottom:18px}@media(min-width:800px){body:before{content:"This application is optimized for mobile use";display:block;text-align:center;background:#ffca0a;font-size:11px}.app-main{margin:auto}}