:root{--brand: #4f46e5;--brand-d: #4338ca;--brand-soft: #eef0fe;--green: #16a34a;--green-soft: #e7f6ec;--red: #dc2626;--red-soft: #fdecec;--amber: #d97706;--amber-soft: #fdf3e6;--bg: #f7f8fc;--surface: #ffffff;--surface-2: #f2f4f9;--text: #0f172a;--muted: #6b7280;--line: #e8eaf2;--r: 14px;--r-lg: 20px;--r-xl: 26px;--sh-sm: 0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.05);--sh: 0 6px 20px rgba(16,24,40,.08);--sh-lg: 0 16px 40px rgba(16,24,40,.18);--appbar-h: 58px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}@media (prefers-color-scheme: dark){:root{--bg: #0b0f1a;--surface: #141a29;--surface-2: #1c2436;--text: #e6e9f2;--muted: #9aa4bd;--line: #263049;--brand-soft: #1e2547;--green-soft: #123123;--red-soft: #3a1a1a;--amber-soft: #3a2a12;--sh-sm: 0 1px 2px rgba(0,0,0,.4);--sh: 0 8px 24px rgba(0,0,0,.5);--sh-lg: 0 18px 48px rgba(0,0,0,.6)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;letter-spacing:-.01em}a{color:var(--brand)}#app{max-width:720px;margin:0 auto;min-height:100vh}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;height:calc(var(--appbar-h) + var(--safe-t));padding:var(--safe-t) 14px 0;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.appbar .ab-back{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:18px;cursor:pointer;flex-shrink:0}.appbar .ab-title{font-size:18px;font-weight:750;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar .ab-sub{font-size:12px;color:var(--muted);font-weight:500}.view-container{padding:16px 14px calc(28px + var(--safe-b))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;box-shadow:var(--sh-sm);margin-bottom:12px}.card-tap{cursor:pointer;transition:transform .1s,box-shadow .2s}.card-tap:active{transform:scale(.99)}.section-title{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:6px 2px 10px}.group-row{display:flex;align-items:center;gap:14px}.group-row .g-main{flex:1;min-width:0}.group-row .g-name{font-weight:700;font-size:16px}.group-row .g-sub{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-row .g-arrow{color:var(--muted);font-size:20px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action{display:flex;flex-direction:column;gap:8px;padding:18px 16px;min-height:116px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);cursor:pointer;transition:transform .1s,box-shadow .2s}.action:active{transform:scale(.98)}.action .a-ic{font-size:26px}.action .a-name{font-weight:700}.action .a-desc{font-size:12.5px;color:var(--muted)}.avatar{width:42px;height:42px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5)}.chip{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:var(--surface-2);color:var(--muted)}.chip.active{background:var(--green-soft);color:var(--green)}.chip.inactive{background:var(--red-soft);color:var(--red)}.chip.visitor{background:var(--amber-soft);color:var(--amber)}.badge{display:inline-block;min-width:22px;text-align:center;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:700}.badge.green{background:var(--green-soft);color:var(--green)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.blue{background:var(--brand-soft);color:var(--brand-d)}.field{display:block;margin-bottom:12px}.field>span{display:block;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:5px}.input{width:100%;padding:12px 13px;min-height:48px;font-size:15px;font-family:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}textarea.input{min-height:68px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.controls .field{flex:1 1 150px;margin-bottom:0}.btn{border:none;border-radius:var(--r);padding:12px 16px;min-height:48px;font-size:15px;font-weight:650;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--brand);color:#fff}.btn.primary:active{background:var(--brand-d)}.btn.soft{background:var(--brand-soft);color:var(--brand-d)}.btn.ghost{background:var(--surface);color:var(--text);border:1.5px solid var(--line)}.btn.danger{background:var(--surface);color:var(--red);border:1.5px solid #f3c7c7}.btn.sm{min-height:40px;padding:8px 12px;font-size:13.5px}.btn.block{width:100%}.btn-row{display:flex;gap:10px}.link{background:none;border:none;color:var(--brand);font-weight:600;cursor:pointer;padding:0;font-size:14px}.list{display:flex;flex-direction:column;gap:8px}.person{display:flex;align-items:center;gap:12px;padding:12px 13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.person.tap{cursor:pointer}.person.tap:active{background:var(--surface-2)}.person .p-main{flex:1;min-width:0}.person .p-name{font-weight:650}.person .p-sub{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster{display:flex;flex-direction:column;gap:8px}.roster-item{display:flex;align-items:center;gap:12px;padding:13px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer}.roster-item.present{border-color:var(--green);background:var(--green-soft)}.roster-item input{width:22px;height:22px;accent-color:var(--green);flex-shrink:0}.sticky-bar{position:sticky;bottom:calc(10px + var(--safe-b));z-index:10;margin-top:14px;display:flex;gap:10px;padding:10px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh)}.sticky-bar .btn{flex:1}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}.stat .s-num{font-size:24px;font-weight:800}.stat .s-lbl{font-size:12px;color:var(--muted)}.progress{height:10px;border-radius:6px;background:var(--surface-2);overflow:hidden;display:flex;margin-top:10px}.progress .p-present{background:var(--green)}.progress .p-absent{background:var(--red)}.seg{display:inline-flex;background:var(--surface-2);border-radius:12px;padding:3px;gap:3px}.seg button{border:none;background:transparent;color:var(--muted);font-weight:650;font-size:13.5px;padding:8px 14px;border-radius:10px;cursor:pointer;font-family:inherit}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm)}.chart-wrap{position:relative;height:320px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:560px;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92vh;overflow-y:auto;box-shadow:var(--sh-lg);animation:up .26s cubic-bezier(.2,.8,.2,1);padding-bottom:var(--safe-b)}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}.sheet .handle{width:42px;height:5px;border-radius:5px;background:var(--line);margin:10px auto 4px}.sheet .sheet-head{display:flex;align-items:center;justify-content:space-between;padding:6px 18px 10px}.sheet .sheet-body{padding:4px 18px 16px}.sheet .sheet-foot{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:12px 18px calc(12px + var(--safe-b));display:flex;gap:10px}.sheet .sheet-foot .btn{flex:1}.icon-btn{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer;width:40px;height:40px}.toast{position:fixed;left:50%;top:calc(12px + var(--safe-t));transform:translate(-50%) translateY(-14px);z-index:100;max-width:90vw;background:#0f172a;color:#fff;padding:12px 18px;border-radius:14px;box-shadow:var(--sh-lg);opacity:0;transition:.24s;pointer-events:none;font-weight:600;font-size:14px}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.ok{background:var(--green)}.toast.err{background:var(--red)}.loader{display:flex;justify-content:center;padding:48px}.spin{width:38px;height:38px;border:4px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:40px 16px}.muted{color:var(--muted)}.center{text-align:center}.mt{margin-top:12px}.mb{margin-bottom:12px}.err-box{background:var(--red-soft);color:var(--red);border-radius:var(--r);padding:14px;font-size:14px}.spacer{flex:1}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px calc(24px + var(--safe-b))}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:26px 22px;box-shadow:var(--sh)}.login-logo{width:56px;height:56px;border-radius:16px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5)}.login-title{text-align:center;font-size:22px;font-weight:800}.login-sub{text-align:center;margin-bottom:18px;font-size:13px}.login-card .field{margin-bottom:14px}.login-card .btn{margin-top:4px}