:root{--bg:#f3f6f4;--bg-soft:#e8efeb;--surface:#fff;--ink:#14201c;--muted:#5d6f68;--line:#d5e0db;--brand:#0f766e;--brand-strong:#0b5f59;--brand-soft:#d7f3ef;--accent:#c45c26;--ok:#1f7a4c;--ok-bg:#e4f6ec;--warn:#b45309;--warn-bg:#fff3e0;--bad:#b42318;--bad-bg:#fdeceb;--shadow:0 10px 30px #14201c0f;--radius:16px;--radius-sm:10px;--nav-w:250px;--font:"Manrope", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(circle at top left, #0f766e14, transparent 28%), linear-gradient(180deg, #f7faf8 0%, var(--bg) 100%);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:var(--nav-w) 1fr;min-height:100vh;display:grid}.sidebar{color:#e8f5f1;background:#10241f;flex-direction:column;gap:1.5rem;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;padding:.35rem .5rem;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#14b8a6,#0f766e);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.brand strong{font-size:1rem;line-height:1.2;display:block}.brand span{color:#9bb8b0;font-size:.78rem;display:block}.nav{flex-direction:column;gap:.25rem;display:flex}.nav a{color:#c7ddd6;border-radius:12px;align-items:center;gap:.7rem;padding:.7rem .85rem;transition:background .15s,color .15s;display:flex}.nav a:hover{color:#fff;background:#ffffff0f}.nav a.router-link-active{color:#fff;background:#14b8a62e}.nav-icon{opacity:.9;width:1.15rem}.sidebar-foot{color:#9bb8b0;background:#ffffff0d;border-radius:12px;margin-top:auto;padding:.85rem;font-size:.8rem;line-height:1.4}.main{min-width:0;padding:1.5rem 1.5rem 5.5rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.45rem,2.4vw,1.85rem)}.page-head p{color:var(--muted);margin:.35rem 0 0}.toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:1rem 1.1rem}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.1rem;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.15rem}.stat .label{color:var(--muted);margin-bottom:.45rem;font-size:.85rem}.stat .value{letter-spacing:-.03em;font-size:1.55rem;font-weight:700}.stat.accent .value{color:var(--brand)}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.section-title{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.section-title h2{margin:0;font-size:1.05rem}.list{flex-direction:column;gap:.55rem;display:flex}.list-item{border-bottom:1px solid var(--line);justify-content:space-between;gap:.75rem;padding:.75rem 0;display:flex}.list-item:last-child{border-bottom:0;padding-bottom:0}.list-item:first-child{padding-top:0}.muted{color:var(--muted)}.small{font-size:.85rem}.btn{background:var(--brand);color:#fff;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.05rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--brand-strong)}.btn:active{transform:translateY(1px)}.btn-secondary{color:var(--ink);border-color:var(--line);background:#fff}.btn-secondary:hover{background:var(--bg-soft)}.btn-danger{background:var(--bad)}.btn-danger:hover{background:#911c13}.btn-sm{padding:.4rem .75rem;font-size:.85rem}.field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.field label{color:var(--muted);font-size:.85rem;font-weight:600}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--ink);background:#fff;outline:none;padding:.65rem .8rem}.field input:focus,.field select:focus,.field textarea:focus,.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e1f}.field textarea{resize:vertical;min-height:88px}.form-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.form-grid .full{grid-column:1/-1}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;min-width:640px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.85rem .75rem}table.data th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8fbf9;font-size:.8rem;font-weight:700}table.data tr:hover td{background:#f7fbf9}.badge{border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-neutral{background:var(--bg-soft);color:var(--muted)}.actions{flex-wrap:wrap;gap:.4rem;display:flex}.empty{text-align:center;color:var(--muted);padding:1.5rem}.error-banner{background:var(--bad-bg);color:var(--bad);border-radius:var(--radius-sm);border:1px solid #f3c2bd;margin-bottom:1rem;padding:.75rem .9rem}.modal-backdrop{z-index:50;background:#10241f73;place-items:end center;padding:0;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px 20px 0 0;width:min(560px,100%);max-height:min(92vh,900px);padding:1.2rem;overflow:auto;box-shadow:0 -12px 40px #0000002e}.modal-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.modal-head h2{margin:0;font-size:1.2rem}.modal-actions{justify-content:flex-end;gap:.6rem;margin-top:1.1rem;display:flex}.check-list{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fafcfb;flex-direction:column;gap:.2rem;max-height:200px;padding:.4rem .5rem;display:flex;overflow:auto}.check-list .check-item{width:100%;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:.6rem;margin:0;padding:.4rem .35rem;font-weight:500;display:flex}.check-list .check-item:hover{background:var(--bg-soft)}.check-list .check-item input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--brand);flex-shrink:0;margin:0}.check-list .check-item-text{flex:1;min-width:0;line-height:1.35}.attendance-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.7rem 0;display:grid}.seg{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);background:#fff;border:0;padding:.45rem .7rem;font-size:.8rem;font-weight:600}.seg button.active-present{background:var(--ok-bg);color:var(--ok)}.seg button.active-absent{background:var(--bad-bg);color:var(--bad)}.seg button.active-late{background:var(--warn-bg);color:var(--warn)}.mobile-nav{z-index:40;padding:.35rem .4rem calc(.35rem + env(safe-area-inset-bottom));background:#10241f;border-top:1px solid #ffffff14;grid-template-columns:repeat(5,1fr);gap:.15rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#9bb8b0;border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .2rem;font-size:.68rem;font-weight:600;display:flex}.mobile-nav a.router-link-active{color:#fff;background:#14b8a62e}@media (width>=860px){.modal-backdrop{place-items:center;padding:1rem}.modal{border-radius:18px}}@media (width<=1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:grid}.grid-2,.form-grid{grid-template-columns:1fr}.main{padding:1rem 1rem 5.75rem}}@media (width<=560px){.stats{grid-template-columns:1fr}.page-head{align-items:stretch}.page-head .btn{width:100%}}