html{line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0}h1,h2,h3,p{margin:0}svg{display:block;vertical-align:middle}button,input,select,textarea{font-family:inherit}button{font-weight:inherit}input,textarea{max-width:100%}dialog:not([open]){display:none}.native-modal{position:fixed;margin:auto;border:0;color:#16243a}.native-modal::backdrop{background:#0b1c3db3}
@media(max-width:360px){.sidebar nav button{padding:9px 7px!important;gap:5px}.sidebar nav svg{flex-shrink:0}}
:root{--background:#f3f6fa;--foreground:#16243a;--card:#fff;--primary:#165aca;--primary-foreground:#fff;--border:#dce4ef;--muted:#eff3f8;--muted-foreground:#617187;--ring:#165aca;--radius:.75rem;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font:16px/1.55 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #82b5ff;outline-offset:3px}button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:white;padding:10px 15px;color:inherit;font-size:14px;font-weight:600}button:hover{background:#f0f5fc}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;padding:34px 22px;background:#102542;color:white;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:700;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;background:#367bf1;border-radius:11px;width:43px;height:43px}.brand small{display:block;color:#9db2d0;font-size:10px;letter-spacing:2px;margin-top:0}.nav-label{font-size:11px;letter-spacing:1.6px;color:#8ba2c3;margin:49px 14px 13px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{justify-content:flex-start;border:0;background:transparent;color:#bbcae0;padding:14px;font-weight:500}.sidebar nav button.active{background:#254569;color:white}.sidebar nav svg{width:19px}.sidebar-bottom{margin-top:auto;border-top:1px solid #30445e;padding:22px 12px 0;font-size:14px}.sidebar-bottom span{font-size:12px;color:#a7bad3}.workspace{margin-left:244px;flex:1;min-width:0}.workspace>header{height:77px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:14px;color:#637187}.workspace>header>span:first-child{display:flex;align-items:center;gap:12px}.tag{background:#edf3fd;border:1px solid #dae7fa;border-radius:30px;padding:5px 12px;color:#285a9f;font-size:12px}main{max-width:1280px;margin:auto;padding:38px 42px 60px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#356cba;margin-bottom:7px}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 11px}h2{font-size:19px;margin:0}h3{font-size:18px;margin:12px 0 6px}p{margin:0}.intro{color:#65738a;margin-bottom:27px}.event-banner{background:#e7effc;border:1px solid #cedef5;border-left:4px solid #2567d3;border-radius:10px;display:flex;gap:18px;align-items:center;padding:22px 25px;margin-bottom:26px}.event-banner svg{color:#1a5bc2;flex-shrink:0}.event-banner strong{font-size:18px}.event-banner p{color:#5a6d88;font-size:14px;margin-top:3px}.panel{background:white;border:1px solid var(--border);border-radius:13px;padding:26px;box-shadow:0 3px 10px #18355203}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.primary{background:#165aca;color:white;border-color:#165aca}.primary:hover{background:#1048a7}.tabs{display:flex;background:#f0f3f8;border-radius:9px;padding:4px;max-width:430px;margin-bottom:22px}.tabs button{flex:1;background:transparent;border-color:transparent;text-transform:capitalize;color:#627086}.tabs button.selected{background:white;box-shadow:0 1px 4px #0b264c14;color:#1b58b4;border-color:#dfe6ef}.field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;min-width:0}.field select,.field input,.field textarea{border:1px solid #ccd6e4;border-radius:7px;padding:10px 12px;background:white;min-width:0;width:100%;font-weight:400}.field textarea{min-height:90px}.field select{max-width:100%}.empty{text-align:center;padding:65px 20px;color:#6d7c90}.empty>svg{margin:auto;color:#88a0bf}.empty h3{color:#33465f}.empty p{font-size:14px}.workspace>footer{margin:0 42px;padding:22px 0;border-top:1px solid var(--border);color:#7c899b;font-size:12px;display:flex;justify-content:space-between;gap:10px}.toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.toolbar .field{min-width:190px;flex:1}.toolbar .search{flex:2}.muted{color:#6a7b91;font-size:14px}.error,.notice,.success{padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:14px}.error{color:#982e2e;background:#fff0f0;border:1px solid #ecc4c4}.notice{background:#eff5ff;color:#365d93;border:1px solid #d5e2f5}.success{background:#edf8f2;color:#246848;border:1px solid #cde8d9}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;background:#f5f7fb;color:#6a7990;font-size:12px;letter-spacing:.5px;padding:13px 12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}td{padding:15px 12px;border-bottom:1px solid #e8edf4;vertical-align:middle}td strong{display:block;font-size:14px}td small{display:block;font-size:12px;color:#7c889c}td input[type=radio]{width:21px;height:21px;accent-color:#1e65cf;cursor:pointer}td input[type=text]{border:1px solid #d7e0ec;border-radius:6px;padding:8px;min-width:140px;width:100%;font-size:14px}.table-foot{padding-top:17px;color:#738096;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{padding:21px;background:white;border:1px solid var(--border);border-radius:11px}.stat span{font-size:13px;color:#6b7c92}.stat strong{display:block;font-size:29px;letter-spacing:-1px;margin-top:3px}.modal-backdrop{position:fixed;inset:0;background:#0b1c3db3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:white;border-radius:14px;padding:28px;width:min(720px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #0003}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}.stack{display:grid;gap:16px}.actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}.assignment{border:1px solid var(--border);padding:16px;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.assignment .wide{grid-column:1/-1}.badge{display:inline-block;font-size:12px;padding:3px 9px;border-radius:20px;background:#edf3fb;color:#32619c}.login{max-width:550px;margin:20px auto;padding:34px}.login>svg{color:#2164c9;margin-bottom:16px}.login h2{margin-bottom:9px}.login p{margin-bottom:24px}.check{display:flex;align-items:center;gap:9px;font-size:14px}.divider{border-top:1px solid var(--border);margin:25px 0}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.admin-tabs .active{background:#e4edfc;border-color:#bcd2f3;color:#1d56a9}.danger{color:#a73535}.compact{padding:6px 10px}.bar{height:7px;background:#eaf0f8;border-radius:8px;min-width:60px}.bar i{display:block;height:100%;background:#407fdd;border-radius:8px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.import-row{border:1px solid var(--border);border-radius:8px;padding:16px;display:grid;gap:9px}.json{font-family:monospace;font-size:13px;min-height:190px!important}
@media(max-width:1000px){.sidebar{width:210px;padding:28px 14px}.workspace{margin-left:210px}main{padding:30px 25px}.workspace>header{padding:0 25px}.workspace>footer{margin:0 25px}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;width:100%;padding:17px 20px;display:block}.brand{font-size:22px}.brand-mark{width:37px;height:37px}.sidebar nav{display:flex;gap:4px;margin-top:17px}.sidebar nav button{padding:9px 12px;font-size:13px;flex:1;justify-content:center}.sidebar nav svg{width:17px}.nav-label,.sidebar-bottom{display:none}.workspace{margin:0}.workspace>header{height:53px;padding:0 20px}.workspace>header .tag{display:none}main{padding:27px 18px 35px}h1{font-size:27px}.intro{font-size:14px}.panel{padding:18px}.event-banner{padding:17px;gap:12px}.event-banner strong{font-size:16px}.section-title{align-items:flex-start;gap:8px}.section-title h2{font-size:17px}.section-title button{padding:8px 10px;font-size:12px}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:24px}.stat span{font-size:12px}.form-grid,.assignment{grid-template-columns:1fr}.full,.assignment .wide{grid-column:auto}.modal{padding:22px}.toolbar .field{min-width:100%}.workspace>footer{margin:0 18px}.workspace>footer span{display:none}.login{padding:24px}.empty{padding:45px 10px}}
.group-add{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.group-add table{margin-top:16px}.group-add input,.group-add select{width:100%;min-width:180px}.group-add .notice p{margin-top:10px}
.group-add{min-width:0;width:100%;max-width:100%;overflow:hidden}.name-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:16px;width:100%}.name-entry .field{min-width:0}.name-entry input{width:100%;min-width:0}.group-add .notice{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.group-add .notice p{flex-basis:100%}.group-add .notice button{max-width:100%;white-space:normal;overflow-wrap:anywhere}@media(max-width:520px){.name-entry{grid-template-columns:minmax(0,1fr)}.name-entry button{width:100%;min-height:46px}.group-add{padding:18px 0 0;margin-top:18px}.group-add h3{font-size:17px}.group-add .notice button{width:100%}}
.attendance-groups{display:grid;gap:10px;min-width:0}.attendance-group{min-width:0;border:1px solid #dfe7f1;border-radius:12px;background:#fff;overflow:hidden}.attendance-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:14px 16px;background:#f4f7fb;color:#182d49}.attendance-group>summary::-webkit-details-marker{display:none}.attendance-group>summary::after{content:'+';font-size:20px;font-weight:400;color:#536985}.attendance-group[open]>summary::after{content:'−'}.attendance-group>summary span{flex:0 0 auto;color:#61748d;font-size:13px}.attendance-group-995[open]>summary{border-bottom:1px solid #e2e9f2}.attendance-subgroups{display:grid;gap:9px;padding:10px}.attendance-people{display:grid;gap:8px;padding:10px}.attendance-person{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e5ebf3;border-radius:10px;min-width:0}.attendance-person-info{display:grid;gap:5px;min-width:0}.attendance-person-info strong{overflow-wrap:anywhere}.attendance-status{color:#64748b}.attendance-excuse{display:flex;gap:8px;min-width:0;flex-wrap:wrap}.attendance-excuse input{min-width:0;max-width:100%;flex:1 1 220px}.attendance-person-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.attendance-action.is-active{background:#e6eefb;border-color:#89a9dd;color:#1e4f97}.attendance-empty{padding:12px 16px;color:#64748b;font-size:14px}@media(max-width:620px){.attendance-group>summary{padding:13px 12px}.attendance-subgroups{padding:8px}.attendance-people{padding:8px}.attendance-person{grid-template-columns:minmax(0,1fr);gap:10px;padding:11px}.attendance-person-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-person-actions button{width:100%;min-width:0}.attendance-person-actions button:last-child:nth-child(3){grid-column:1/-1}.attendance-excuse button{width:100%}}