:root{--primary:#155eef;--secondary:#0b3d91;--accent:#20b8a8;--bg:#f5f8fc;--surface:#fff;--text:#152238;--muted:#5b6b82;--danger:#c62828;--ok:#11795f;--warn:#8a5a00;--border:#d9e2ef;--radius:12px;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0e1626;--surface:#16213a;--text:#e8eefb;--muted:#9db0cf;--border:#2a3a5c;--danger:#ff7b7b;--ok:#52d1b0;--warn:#f2c35b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.5}h1,h2,h3{color:var(--secondary);margin:0 0 .5rem;line-height:1.2}@media (prefers-color-scheme:dark){h1,h2,h3{color:#cfe0ff}}h1{font-size:1.6rem}h2{font-size:1.15rem}a{color:var(--primary)}.muted,.hint{color:var(--muted);font-size:.9rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stack{gap:.9rem;display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;display:grid}.spread{justify-content:space-between}input,select,textarea{width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;min-height:44px;padding:.65rem .75rem}input[type=checkbox]{width:auto;min-height:0}input[type=color]{padding:.15rem}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.field{gap:.3rem;display:grid}.label{font-size:.9rem;font-weight:600}.field-error{color:var(--danger);font-size:.85rem}.btn{font:inherit;border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:8px;min-height:44px;padding:.6rem 1rem;font-weight:600}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{color:var(--primary);background:0 0}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.small{min-height:34px;padding:.25rem .6rem;font-size:.9rem}.link{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;min-width:44px;min-height:44px;font-size:1.6rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.1rem;box-shadow:0 1px 2px #0a1e3c0a}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem}.kpi b{color:var(--secondary);font-size:1.7rem;display:block}@media (prefers-color-scheme:dark){.kpi b{color:#cfe0ff}}.kpi span{color:var(--muted);font-size:.85rem}.notice{border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;padding:.7rem .9rem}.notice.error{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.notice.success{border-color:var(--ok);color:var(--ok);background:color-mix(in srgb, var(--ok) 8%, var(--surface))}.notice.warn{border-color:var(--warn);color:var(--warn);background:color-mix(in srgb, var(--warn) 8%, var(--surface))}.notice.info{background:color-mix(in srgb, var(--primary) 7%, var(--surface))}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.55rem .6rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}td.wrap{white-space:normal}.badge{border:1px solid var(--border);background:var(--surface);border-radius:99px;padding:.1rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}.s-on_time{color:var(--ok);border-color:var(--ok)}.s-late{color:var(--warn);border-color:var(--warn)}.s-absent,.s-no_record{color:var(--danger);border-color:var(--danger)}.s-leave,.s-holiday{color:var(--primary);border-color:var(--primary)}.flag{color:var(--danger);font-size:.85rem;font-weight:600}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.side{background:var(--secondary);color:#fff;height:100vh;padding:1rem;position:sticky;top:0;overflow:auto}.side .brand{align-items:center;gap:.6rem;margin-bottom:1.2rem;font-weight:700;display:flex}.side .brand img{object-fit:contain;background:#fff;border-radius:6px;width:32px;height:32px}.side a{color:#e3ecff;border-radius:8px;margin-bottom:.15rem;padding:.55rem .7rem;text-decoration:none;display:block}.side a:hover{background:#ffffff1a}.side a.active{background:var(--primary);color:#fff}.main{width:100%;max-width:1200px;padding:1.25rem}.top{display:none}@media (width<=800px){.shell{display:block}.side{height:auto;position:static}.side nav{flex-wrap:wrap;gap:.25rem;display:flex}.side a{margin:0}.main{padding:1rem}}.center-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.panel{width:min(440px,100%)}.brandbar{justify-content:center;align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.brandbar img{object-fit:contain;max-width:160px;max-height:56px}.clock{text-align:center;font-variant-numeric:tabular-nums}.clock .t{color:var(--secondary);font-size:2.8rem;font-weight:700}.clock .d{color:var(--muted)}@media (prefers-color-scheme:dark){.clock .t{color:#cfe0ff}}.bigbtn{width:100%;min-height:64px;font-size:1.2rem}.modal-back{z-index:20;background:#0a14288c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:min(560px,100%);max-height:90vh;padding:1.2rem;overflow:auto}.hero{text-align:center;padding:3rem 1rem}.hero h1{font-size:2.2rem}