:root{--bg: #f6f7fb;--bg2: #eef1ff;--card: #ffffff;--text: rgba(16, 24, 40, .92);--muted: rgba(16, 24, 40, .6);--border: rgba(16, 24, 40, .1);--shadow: 0 18px 50px rgba(16, 24, 40, .06);--primary: #3b82f6;--primary-2: #2563eb;--danger: #dc2626;--ok: #16a34a;--radius: 18px;--radius-sm: 14px;--topbar-h: 64px;--sidebar-w: 268px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.45;color:var(--text);background:radial-gradient(1000px 520px at 10% -5%,var(--bg2),transparent 70%),radial-gradient(900px 540px at 95% 0%,#ffe9f6,transparent 60%),radial-gradient(700px 500px at 80% 110%,#e9fff5,transparent 55%),var(--bg)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--card);outline:none;color:var(--text);transition:box-shadow .12s ease,border-color .12s ease,transform .12s ease}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#3b82f699;box-shadow:0 0 0 4px #3b82f624}input[type=checkbox],input[type=radio]{width:auto;margin:0}button{font-family:inherit}.h1{font-size:22px;margin:0;letter-spacing:-.2px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.error{color:#991b1b;background:#dc26261a;padding:10px 12px;border-radius:14px;border:1px solid rgba(220,38,38,.16)}.divider{height:1px;background:#10182814;margin:12px 0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(16,24,40,.1);background:#101828eb;color:#fff;padding:10px 12px;border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.btn:hover{filter:brightness(.98);box-shadow:0 10px 28px #1018281f}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn--primary{background:linear-gradient(180deg,var(--primary),var(--primary-2));border-color:#2563eb73}.btn--ghost{background:#1018280a;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn--ghost:hover{box-shadow:none}.btn--danger{background:#dc26261a;color:#991b1b;border:1px solid rgba(220,38,38,.18);box-shadow:none}.btn--selected{background:#101828eb;color:#fff;border:1px solid rgba(16,24,40,.92)}.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#1018280a;color:#101828b8;font-size:12px;display:inline-flex;gap:6px;align-items:center}.pill--ok{background:#16a34a1a;border-color:#16a34a2e;color:#116b34}.pill--bad{background:#dc26261a;border-color:#dc26262e;color:#991b1b}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;height:var(--topbar-h);background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,24,40,.08)}.topbar__inner{height:100%;max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.3px}.brand__mark{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-2));box-shadow:0 12px 30px #2563eb40}.brand__text{font-size:15px}.topbar__title{margin-left:6px;color:#101828b8;font-weight:650;font-size:14px;padding:6px 10px;border-radius:999px;border:1px solid rgba(16,24,40,.08);background:#fff9}.topbar__actions{margin-left:auto;display:flex;align-items:center;gap:10px}.iconbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(16,24,40,.1);background:#ffffffd9;border-radius:14px;padding:9px 10px;cursor:pointer;display:none;align-items:center;justify-content:center;color:#101828db}.iconbtn__bars{width:18px;height:12px;display:inline-block;background:linear-gradient(currentColor,currentColor) 0 0 / 18px 2px no-repeat,linear-gradient(currentColor,currentColor) 0 5px / 18px 2px no-repeat,linear-gradient(currentColor,currentColor) 0 10px / 18px 2px no-repeat;opacity:.85}.drawer{display:none}.sidebar{position:fixed;left:0;top:var(--topbar-h);bottom:0;width:var(--sidebar-w);padding:14px;background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid rgba(16,24,40,.08);display:flex;flex-direction:column;gap:12px;z-index:40}.sidebar__header{display:flex;align-items:center;justify-content:space-between}.sidebar__title{font-weight:800;letter-spacing:-.2px}.sidenav{display:flex;flex-direction:column;gap:6px}.sidenav__link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid transparent;color:#101828c7}.sidenav__link:hover{background:#1018280a;border-color:#1018280f}.sidenav__link--active{background:#3b82f61f;border-color:#3b82f633;color:#101828eb}.sidenav__icon{width:34px;height:34px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#1018280a}.sidenav__label{font-weight:650}.sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:10px}.main{margin-left:var(--sidebar-w)}.bottomnav{display:none}.page{max-width:1200px;margin:0 auto;padding:18px 16px 40px}.page__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.card{background:var(--card);border:1px solid rgba(16,24,40,.08);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card__title{font-weight:800;margin-bottom:6px;letter-spacing:-.2px}.card__value{font-size:34px;font-weight:900;margin-top:6px;letter-spacing:-.6px}.card__hint{color:var(--muted);font-size:13px}.grid{display:grid;gap:12px}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.row{display:flex;align-items:center;flex-wrap:wrap}.row--gap{gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;color:var(--muted)}.check{display:flex;gap:8px;align-items:center;color:#101828c7;-webkit-user-select:none;user-select:none;padding:10px 12px;border-radius:14px;border:1px solid rgba(16,24,40,.1);background:#ffffffb3}.table{width:100%}.table__row{display:grid;grid-template-columns:160px 1fr 120px 160px;gap:10px;padding:12px 0;border-bottom:1px solid rgba(16,24,40,.06)}.table__head{font-size:12px;color:var(--muted)}.list{display:flex;flex-direction:column;gap:10px}.list__item{border:1px solid rgba(16,24,40,.08);background:#ffffffb3;border-radius:16px;padding:12px;display:flex;gap:12px}.list__item:hover{background:#ffffffe6;border-color:#1018281a}.list__item--static:hover{background:#ffffffb3}.list__main{flex:1}.list__title{font-weight:800}.list__sub{color:#1018289e;margin-top:2px}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth__card{width:440px;max-width:100%}.quiz{display:flex;flex-direction:column;gap:12px}.quiz__prompt{padding:12px;border-radius:16px;border:1px dashed rgba(16,24,40,.18);background:#10182805}.quiz__big{font-size:22px;font-weight:900;margin:6px 0;letter-spacing:-.4px}@media (max-width: 980px){.grid--3{grid-template-columns:1fr}.main{margin-left:0}.iconbtn{display:inline-flex}.sidebar{top:0;height:100vh;transform:translate(-110%);transition:transform .2s ease;z-index:80}.sidebar--open{transform:translate(0)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182861;z-index:70;display:block;opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer--open{opacity:1;pointer-events:auto}.topbar__title{display:none}.topbar__actions .btn{padding:10px}.page{padding-bottom:96px}.bottomnav{position:fixed;left:0;right:0;bottom:0;height:74px;background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(16,24,40,.1);display:grid;grid-template-columns:repeat(5,1fr);z-index:60}.bottomnav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#101828ad;font-size:11px}.bottomnav__item svg{opacity:.9}.bottomnav__item--active{color:#101828eb}.bottomnav__item--active svg{color:var(--primary-2)}.table__row{grid-template-columns:1fr;padding:12px;border:1px solid rgba(16,24,40,.08);border-radius:16px;background:#ffffffbf;margin-bottom:10px}.table__row.table__head{display:none}}.page__header--dashboard{align-items:flex-end}.page__headerLeft{min-width:240px}.field--inline{flex-direction:row;align-items:center;gap:10px}.field--inline .field__label{margin:0;white-space:nowrap}.input--date{width:auto;min-width:190px}.dashboard-actions{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}.quick-add{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:10px}.quick-add input{min-width:0}.quick-add__error{grid-column:1 / -1;margin-top:0}@media (max-width: 900px){.dashboard-actions{width:100%;justify-content:flex-start}.input--date{min-width:160px}.quick-add{grid-template-columns:1fr}.quick-add button{width:100%}}.list--compact{gap:8px}.list--scroll{max-height:360px;overflow:auto;padding-right:4px}.list__item--compact{padding:10px 12px;border-radius:14px}.list__title--sm{font-size:14px;font-weight:700}.list__sub--sm{font-size:12px}