:root{--paper: #fffdf9;--ink: #23303d;--handoff: #f26b22;--handoff-deep: #d4570f;--sky: #2b7fd4;--sky-deep: #1f66b0;--sunshine: #ffc531;--meadow: #3fa34d;--clay: #d9534f;--mist: #eae6df;--ink-soft: #5b6b7b;--card: #ffffff;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.1875rem;--fs-xl: 1.4375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.125rem;--radius: 12px;--radius-lg: 18px;--shadow: 0 1px 3px rgba(35, 48, 61, .08), 0 4px 14px rgba(35, 48, 61, .06)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;font-size:var(--fs-base);line-height:1.5}h1{font-size:var(--fs-2xl);font-weight:800;margin:0 0 .5rem}h2{font-size:var(--fs-xl);font-weight:700;margin:0 0 .5rem}h3{font-size:var(--fs-lg);font-weight:700;margin:0 0 .25rem}p{margin:.25rem 0}a{color:var(--sky)}.shell{display:flex;min-height:100vh}.sidenav{width:232px;flex-shrink:0;background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:1.25rem .875rem;gap:.25rem}.brand-logo{display:block;width:240px;max-width:100%;height:auto}.brand-logo--light{filter:brightness(0) invert(1)}.sidenav .brand{padding:0 .625rem 1.25rem}.sidenav .brand-logo{width:180px}.nav-links{display:flex;flex-direction:column;gap:.25rem}.sidenav a{display:flex;align-items:center;gap:.625rem;color:#ffffffd1;text-decoration:none;font-weight:600;padding:.625rem .75rem;border-radius:var(--radius);font-size:var(--fs-sm)}.sidenav a:hover{background:#ffffff14;color:#fff}.sidenav a.active{background:var(--sky);color:#fff}.sidenav .spacer{flex:1}.sidenav .whoami{padding:.625rem .75rem;font-size:var(--fs-xs);color:#fff9;border-top:1px solid rgba(255,255,255,.12)}.sidenav .whoami strong{color:#fff;display:block;font-size:var(--fs-sm)}.sidenav button.linklike{background:none;border:none;color:var(--sunshine);font:inherit;font-size:var(--fs-xs);font-weight:700;cursor:pointer;padding:0}.main{flex:1;padding:1.75rem 2rem 3rem;max-width:1200px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-head .sub{color:var(--ink-soft);font-size:var(--fs-sm)}.card{background:var(--card);border:1px solid var(--mist);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem;margin-bottom:1.25rem}.card.tight{padding:.75rem 1rem}.stat-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.stat{background:var(--card);border:1px solid var(--mist);border-radius:var(--radius-lg);padding:.875rem 1.25rem;min-width:128px}.stat .num{font-size:var(--fs-2xl);font-weight:800;line-height:1.1}.stat .label{color:var(--ink-soft);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.stat.warn .num{color:var(--clay)}.stat.good .num{color:var(--meadow)}.stat.info .num{color:var(--sky)}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}table.data th{text-align:left;color:var(--ink-soft);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--mist);padding:.5rem .625rem}table.data td{border-bottom:1px solid var(--mist);padding:.625rem;vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tr.clickable:hover{background:#fbf8f2;cursor:pointer}button,.btn{font-family:inherit;font-size:var(--fs-sm);font-weight:700;border-radius:var(--radius);border:1px solid transparent;padding:.55rem 1rem;cursor:pointer;transition:background .12s ease}.btn-primary{background:var(--handoff);color:#fff}.btn-primary:hover{background:var(--handoff-deep)}.btn-secondary{background:#fff;color:var(--sky);border-color:var(--sky)}.btn-secondary:hover{background:#eef5fc}.btn-quiet{background:transparent;color:var(--ink-soft);border-color:var(--mist)}.btn-quiet:hover{background:var(--mist);color:var(--ink)}.btn-danger{background:#fff;color:var(--clay);border-color:var(--clay)}.btn-danger:hover{background:#fdf0ef}button:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.3rem .7rem;font-size:var(--fs-xs)}label.field{display:block;margin-bottom:.875rem}label.field>span{display:block;font-size:var(--fs-xs);font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}input,select,textarea{font-family:inherit;font-size:var(--fs-base);color:var(--ink);background:#fff;border:1.5px solid var(--mist);border-radius:var(--radius);padding:.5rem .7rem;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 3px #2b7fd426}.field-row{display:flex;gap:.875rem}.field-row>*{flex:1}.checkbox-line{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.checkbox-line input{width:auto}.form-error{color:var(--clay);font-size:var(--fs-sm);font-weight:600;margin:.5rem 0}.form-ok{color:var(--meadow);font-size:var(--fs-sm);font-weight:600;margin:.5rem 0}.pill{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--fs-xs);font-weight:700;border-radius:999px;padding:.15rem .6rem;white-space:nowrap}.pill.in{background:#e4f3e7;color:#21692e}.pill.out{background:var(--mist);color:var(--ink-soft)}.pill.late{background:#fbeaea;color:#a33c39}.pill.open{background:#fff3d6;color:#8a6400}.pill.info{background:#e5f0fb;color:var(--sky-deep)}.pill.override{background:#fdebdd;color:#a34a12}.mood{display:inline-flex;flex-direction:column;align-items:center;gap:.15rem}.mood .mood-label{font-size:var(--fs-xs);font-weight:700;color:var(--ink-soft)}.mood-btn{background:#fff;border:2px solid var(--mist);border-radius:var(--radius);padding:.4rem .5rem .25rem;cursor:pointer}.mood-btn.selected-1{border-color:var(--clay);background:#fdf0ef}.mood-btn.selected-2{border-color:var(--ink-soft);background:#f4f2ee}.mood-btn.selected-3{border-color:var(--meadow);background:#eef8f0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#23303d73;display:flex;align-items:flex-start;justify-content:center;padding:4rem 1rem 2rem;z-index:40;overflow-y:auto}.modal{background:var(--paper);border-radius:var(--radius-lg);box-shadow:0 12px 40px #00000040;width:100%;max-width:560px;padding:1.5rem}.modal h2{margin-bottom:1rem}.modal .modal-actions{display:flex;justify-content:flex-end;gap:.625rem;margin-top:1.25rem}.tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--mist);margin-bottom:1.25rem}.tabs button{background:none;border:none;border-bottom:3px solid transparent;border-radius:0;color:var(--ink-soft);font-weight:700;padding:.5rem .875rem;margin-bottom:-2px}.tabs button.active{color:var(--sky-deep);border-bottom-color:var(--sky)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.month-grid .dow{font-size:var(--fs-xs);font-weight:700;color:var(--ink-soft);text-transform:uppercase;text-align:center;padding:.25rem 0}.month-cell{background:#fff;border:1px solid var(--mist);border-radius:8px;min-height:84px;padding:.25rem .375rem;font-size:var(--fs-xs)}.month-cell.other{background:transparent;border-style:dashed;opacity:.55}.month-cell .day-num{font-weight:800;color:var(--ink-soft)}.month-cell.today .day-num{color:#fff;background:var(--sky);border-radius:999px;padding:0 .35rem}.month-event{background:#e5f0fb;color:var(--sky-deep);border-radius:6px;padding:.05rem .3rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.month-event.classroom{background:#fdebdd;color:#a34a12}.trend-wrap{overflow-x:auto}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--paper) 60%,#fff3d6 130%);padding:1rem}.login-card{background:#fff;border:1px solid var(--mist);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:400px;padding:2rem}.login-card .brand{margin-bottom:1.25rem}.login-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.75rem}.login-header h1{margin:0;color:var(--ink-soft);font-size:var(--fs-base);font-weight:600;text-align:center}.muted{color:var(--ink-soft)}.small{font-size:var(--fs-sm)}.xsmall{font-size:var(--fs-xs)}.right{text-align:right}.center{text-align:center}.row{display:flex;gap:.625rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.mt{margin-top:1rem}.mb{margin-bottom:1rem}.nowrap{white-space:nowrap}.empty{text-align:center;color:var(--ink-soft);padding:2.5rem 1rem}.avatar{width:34px;height:34px;border-radius:999px;background:var(--sky);color:#fff;font-weight:800;font-size:var(--fs-xs);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.orange{background:var(--handoff)}@media(max-width:700px){.shell{flex-direction:column}.sidenav{width:100%;padding:1rem}.sidenav .brand{padding:0 0 .75rem}.sidenav .brand-logo{width:160px}.nav-links{flex-direction:row;overflow-x:auto;padding-bottom:.25rem}.nav-links a{flex-shrink:0;min-height:44px}.sidenav .spacer{display:none}.sidenav .whoami{padding:.625rem 0 0;overflow-wrap:anywhere}.main{width:100%;padding:1.25rem 1rem 2rem}.login-card{padding:1.5rem}.login-card .brand-logo{width:240px}.field-row{flex-wrap:wrap}.field-row>*{flex-basis:100%}}.admin-shell{min-height:100vh;background:var(--paper);display:flex;flex-direction:column}.admin-header{background:var(--ink);color:#fff;padding:.875rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(255,255,255,.08)}.admin-header-left .brand-wrap{display:flex;align-items:center;gap:1rem}.admin-header-left .brand-logo{width:140px;filter:brightness(0) invert(1)}.platform-badge{background:linear-gradient(135deg,#7b2cbf,#9d4edd);color:#fff;font-size:.6875rem;font-weight:800;letter-spacing:.08em;padding:.25rem .6rem;border-radius:999px;box-shadow:0 2px 6px #9d4edd59}.admin-header-right{display:flex;align-items:center;gap:1rem}.admin-header-right .user-email{font-size:var(--fs-xs);color:#ffffffb3}.admin-content{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:2rem}.directory-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:1rem;flex:1;flex-wrap:wrap}.admin-search-input{flex:1;min-width:240px;max-width:420px}.tab-group{display:flex;gap:.25rem;background:var(--mist);padding:.25rem;border-radius:var(--radius)}.tab-btn{background:none;border:none;font-size:var(--fs-xs);font-weight:700;color:var(--ink-soft);padding:.35rem .75rem;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:all .12s ease}.tab-btn:hover{color:var(--ink)}.tab-btn.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #00000014}.status-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:var(--fs-xs);font-weight:700;text-transform:capitalize}.status-badge.status-active{background:#e8f5e9;color:#2e7d32}.status-badge.status-suspended{background:#fff8e1;color:#f57f17}.status-badge.status-offboarded{background:#ffebee;color:#c62828}.count-pill{display:inline-block;background:var(--paper);border:1px solid var(--mist);border-radius:6px;padding:.15rem .45rem;font-size:var(--fs-xs);font-weight:600}.tz-label{font-size:var(--fs-xs);color:var(--ink-soft)}.action-buttons{display:flex;gap:.35rem;justify-content:flex-end;align-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#23303d80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;border:1px solid var(--mist)}.modal-head{padding:1.25rem 1.5rem;border-bottom:1px solid var(--mist);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:var(--fs-lg);margin:0}.modal-body{padding:1.5rem}.modal-actions{padding:1rem 1.5rem;border-top:1px solid var(--mist);display:flex;justify-content:flex-end;gap:.75rem;background:#faf8f5;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.section-title{font-size:var(--fs-sm);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin:1.25rem 0 .75rem;padding-bottom:.25rem;border-bottom:1px solid var(--mist)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.input-affix{display:flex;align-items:center;border:1.5px solid var(--mist);border-radius:var(--radius);overflow:hidden;background:#fff}.input-affix input{border:none;flex:1;padding:.5rem .7rem}.input-affix input:focus{border:none;box-shadow:none}.input-affix .affix{background:#faf8f5;padding:.5rem .75rem;font-size:var(--fs-xs);color:var(--ink-soft);border-left:1px solid var(--mist)}.field-hint{display:block;font-size:var(--fs-xs);color:var(--ink-soft);margin-top:.25rem}.code-copy-row{display:flex;gap:.5rem;align-items:center}.copy-input{flex:1;font-family:monospace;font-size:var(--fs-xs);background:#faf8f5;border:1px solid var(--mist);border-radius:var(--radius);padding:.5rem .75rem}.alert-box{padding:.875rem 1rem;border-radius:var(--radius);font-size:var(--fs-sm);margin-bottom:1rem}.alert-box.success{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.alert-box.error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.action-options{display:flex;flex-direction:column;gap:.625rem}.option-card{display:flex;gap:.75rem;align-items:flex-start;padding:.875rem 1rem;border:1px solid var(--mist);border-radius:var(--radius);cursor:pointer;background:#fff;transition:all .12s ease}.option-card:hover{background:#faf8f5}.option-card.selected{border-color:var(--sky);background:#f0f7ff}.option-card.danger.selected{border-color:var(--clay);background:#fff5f5}.option-card input[type=radio]{margin-top:.25rem}.option-info{display:flex;flex-direction:column;gap:.15rem}.option-info strong{font-size:var(--fs-sm)}.option-info span{font-size:var(--fs-xs);color:var(--ink-soft)}.impersonation-banner{background:linear-gradient(90deg,#3a0ca3,#7209b7);color:#fff;padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-sm);font-weight:600;box-shadow:0 2px 8px #00000026;z-index:100}.impersonation-banner button{background:#fff;color:#3a0ca3;font-size:var(--fs-xs);padding:.3rem .8rem;border:none;font-weight:700}