:root{--bg:#f4f5f7;--surface:#fff;--border:#d9dce1;--text:#1c2430;--muted:#6b7480;--accent:#1f5fa8;--accent-contrast:#fff;--ok:#1a7f4b;--warn:#b8860b;--danger:#c0392b;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{font:inherit;cursor:pointer}.app-loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;display:flex}.login{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:min(420px,100%);padding:2rem;box-shadow:0 4px 20px #0000000f}.login-card h1{margin:0 0 .25rem;font-size:1.4rem}.login-subtitle{color:var(--muted);margin:0 0 1.25rem}.login-form{gap:.9rem;margin-bottom:1rem;display:grid}.login-field{color:var(--text);gap:.3rem;font-size:.85rem;font-weight:600;display:grid}.login-field input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.55rem .7rem}.login-field input:focus{border-color:var(--accent);outline:none}.login-error{color:var(--danger);margin:0;font-size:.85rem}.login-note{color:var(--muted);margin:0;font-size:.8rem}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.shell-title{font-weight:700}.shell-header-right{align-items:center;gap:1rem;display:flex}.shell-user{font-weight:600}.link-button{color:var(--accent);background:0 0;border:none;text-decoration:underline}.shell-body{flex:1;display:flex}.shell-nav{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.25rem;width:220px;padding:1rem .75rem;display:flex}.nav-link{color:var(--text);border-radius:6px;padding:.5rem .75rem;text-decoration:none}.nav-link:hover{background:#eef1f5}.nav-link-active{background:var(--accent);color:var(--accent-contrast)}.shell-content{flex:1;padding:1.5rem}.sync-badge{border:1px solid #0000;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.sync-online{color:var(--ok);border-color:var(--ok)}.sync-connecting{color:var(--warn);border-color:var(--warn)}.sync-offline{color:var(--muted);border-color:var(--border)}.page h2{margin-top:0}.page-lead{color:var(--muted);margin-top:-.25rem}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;padding:1.25rem}.stat-value{font-size:2rem;font-weight:700}.stat-label{color:var(--muted);font-size:.85rem}.page-actions{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.primary-button{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:8px;padding:.6rem 1rem;font-weight:600}.primary-button:disabled{opacity:.5;cursor:not-allowed}.primary-button:hover{filter:brightness(1.05)}.page-note{color:var(--muted);max-width:60ch;font-size:.85rem}