:root{--paper: hsl(40 26% 96%);--surface: hsl(40 30% 99%);--surface-2: hsl(40 16% 93%);--ink: hsl(212 22% 16%);--text: var(--ink);--text-soft: hsl(212 9% 42%);--border: hsl(212 14% 87%);--border-strong: hsl(212 14% 78%);--primary: hsl(212 30% 22%);--primary-hover: hsl(212 33% 15%);--on-primary: hsl(40 30% 97%);--accent: hsl(32 54% 42%);--accent-hover: hsl(32 56% 36%);--accent-soft: hsl(34 52% 91%);--ok: hsl(150 38% 36%);--ok-soft:hsl(150 34% 90%);--warn: hsl(34 60% 42%);--warn-soft:hsl(36 70% 90%);--danger: hsl(2 52% 46%);--danger-soft:hsl(2 60% 94%);--shadow: 0 1px 1px hsl(212 20% 20% / .04), 0 2px 6px hsl(212 20% 20% / .05);--shadow-lg: 0 8px 30px hsl(212 24% 18% / .14);--radius: 4px;--radius-sm: 3px;--maxw: 1140px;--sidebar-w: 244px;--brand: var(--accent);--brand-600: var(--accent-hover);--brand-soft: var(--accent-soft);--font: Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif;font-family:var(--font);color-scheme:light}:root[data-theme=dark]{--paper: hsl(212 24% 10%);--surface: hsl(212 20% 13%);--surface-2: hsl(212 16% 18%);--ink: hsl(40 22% 92%);--text: var(--ink);--text-soft: hsl(212 10% 62%);--border: hsl(212 14% 23%);--border-strong: hsl(212 12% 32%);--primary: hsl(40 24% 90%);--primary-hover: hsl(40 24% 82%);--on-primary: hsl(212 30% 14%);--accent: hsl(34 62% 60%);--accent-hover: hsl(34 64% 68%);--accent-soft: hsl(34 30% 22%);--ok-soft: hsl(150 30% 18%);--warn-soft: hsl(36 40% 20%);--danger-soft:hsl(2 40% 22%);--shadow: 0 1px 2px hsl(0 0% 0% / .3);--shadow-lg: 0 12px 40px hsl(0 0% 0% / .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{max-width:100%}h1,h2,h3,h4,.h{font-family:var(--font);font-weight:700;line-height:1.12;letter-spacing:-.01em;margin:0 0 .3rem;color:var(--ink)}h1{font-size:1.85rem}h2{font-size:1.3rem}h3{font-size:1.08rem;font-weight:600}p{margin:0 0 .6rem}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline;text-underline-offset:2px}small{font-size:.82rem}.app-shell{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{padding:1.75rem 2rem;max-width:var(--maxw);width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}.page-head h1{margin:0}.muted{color:var(--text-soft)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.grid-6{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.row{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:1rem}.stack.tight{gap:.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.35rem}.card.glass{background:var(--surface)}.card+.card{margin-top:0}.card h2,.card h3{margin-top:0}.stat{padding:1.15rem 1.3rem;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.9}.stat .num{font-family:var(--font);font-size:1.95rem;font-weight:600;line-height:1;letter-spacing:-.02em}.stat .lbl{color:var(--text-soft);font-size:.8rem;margin-top:.35rem;text-transform:uppercase;letter-spacing:.04em}.btn{display:inline-flex;align-items:center;gap:.45rem;justify-content:center;font:inherit;font-weight:500;font-size:.9rem;cursor:pointer;white-space:nowrap;padding:.5rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);transition:background .12s,border-color .12s,color .12s,transform .04s}.btn:hover{background:var(--surface-2);border-color:var(--text-soft)}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fbfaf8}.btn.accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:transparent}.btn.danger:hover{background:var(--danger-soft)}.btn.sm{padding:.32rem .6rem;font-size:.82rem}.btn.block{width:100%}label{font-size:.8rem;font-weight:600;color:var(--text-soft);display:block;margin-bottom:.35rem;letter-spacing:.01em}input,select,textarea,.input{font:inherit;font-size:.92rem;width:100%;max-width:100%;display:block;padding:.55rem .7rem;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--text-soft);opacity:.8}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}textarea{min-height:96px;resize:vertical;line-height:1.5}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a7a7a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;padding-right:2rem}.field{margin-bottom:1rem;min-width:0}.field:last-child{margin-bottom:0}.form-grid{display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ml-grid{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 520px){.ml-grid{grid-template-columns:1fr}}fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;min-width:0}legend{font-size:.8rem;font-weight:600;color:var(--text-soft);padding:0 .4rem}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:3px;background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border);letter-spacing:.01em;white-space:nowrap}.badge.returning{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.badge.new{background:var(--surface-2)}.badge.confirmed,.badge.paid,.badge.present{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 28%,transparent)}.badge.waitlisted,.badge.issued,.badge.makeup{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 28%,transparent)}.badge.rejected,.badge.overdue,.badge.absent{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,transparent)}.badge.overflow,.badge.draft,.badge.withdrawn,.badge.excused,.badge.archived{background:var(--surface-2)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--border);font-size:.9rem;vertical-align:middle}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:1.1rem .75rem;display:flex;flex-direction:column;gap:.12rem;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .brand{font-family:var(--font);font-weight:600;font-size:1.32rem;letter-spacing:-.02em;padding:.25rem .6rem 1.1rem;display:flex;align-items:center;gap:.55rem;color:var(--ink)}.sidebar .brand .dot{width:26px;height:26px;border-radius:5px;background:var(--primary);color:var(--on-primary);display:inline-grid;place-items:center;font-size:.9rem;flex-shrink:0}.navlink{display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;border-radius:var(--radius-sm);color:var(--text-soft);font-weight:500;font-size:.9rem;position:relative}.navlink:hover{background:var(--surface-2);color:var(--ink);text-decoration:none}.navlink.active{background:var(--surface-2);color:var(--ink);font-weight:600}.navlink.active:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:2px;background:var(--accent)}.navlink .ic{width:18px;height:18px;display:inline-flex;flex-shrink:0;color:currentColor}.navlink .ic svg{width:18px;height:18px;stroke-width:1.6}.nav-section{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);padding:1rem .65rem .3rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 2rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:20}.topbar .role-tag{font-family:var(--font);font-weight:600}.toast-wrap{position:fixed;bottom:1.25rem;right:1.25rem;z-index:9999;display:flex;flex-direction:column;gap:.55rem}.toast{padding:.7rem 1rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);min-width:240px;max-width:min(360px,90vw);font-size:.9rem;border-left:3px solid var(--text-soft);animation:slidein .18s ease}.toast.success{border-left-color:var(--ok)}.toast.error{border-left-color:var(--danger)}.toast.info{border-left-color:var(--accent)}@keyframes slidein{0%{opacity:0;transform:translateY(6px)}}dialog{border:1px solid var(--border-strong);border-radius:var(--radius);padding:0;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);width:clamp(300px,92vw,540px);max-height:88vh;overflow:hidden}dialog::backdrop{background:#12192180}.dialog-body{padding:1.4rem 1.5rem;max-height:88vh;overflow-y:auto}.dialog-head{font-family:var(--font);font-weight:600;font-size:1.2rem;margin-bottom:1rem;padding-right:1rem}.dialog-foot{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.3rem;padding-top:1rem;border-top:1px solid var(--border);flex-wrap:wrap}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:3px;height:1rem}@keyframes shimmer{to{background-position:-200% 0}}.sched{display:grid;grid-template-columns:60px repeat(6,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:540px}.sched .cell{background:var(--surface);padding:.4rem;min-height:44px;font-size:.8rem}.sched .head{background:var(--surface-2);font-weight:600;text-align:center}.sched .time{background:var(--surface-2);color:var(--text-soft);font-size:.72rem;text-align:right;padding-right:.5rem}.sched .ev{background:var(--accent-soft);color:var(--accent);border-left:3px solid var(--accent);border-radius:2px;padding:.3rem .4rem;font-size:.76rem;font-weight:600}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:var(--paper)}.auth-card{width:100%;max-width:400px}.divider{height:1px;background:var(--border);margin:1.1rem 0;border:none}.pos-pill{font-family:var(--font);font-weight:600;font-size:1.45rem;color:var(--accent);line-height:1}.empty{text-align:center;color:var(--text-soft);padding:2.75rem 1rem}.empty .empty-ic{display:inline-flex;margin-bottom:.6rem;color:var(--border-strong)}.empty .empty-ic svg{width:34px;height:34px;stroke-width:1.4}.bar{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);border-radius:999px}.section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);font-weight:600;margin-bottom:.6rem}.menu-btn{display:none}@media (max-width: 860px){.content{padding:1.1rem}.topbar{padding:.7rem 1.1rem}.menu-btn{display:inline-flex}.sidebar{position:fixed;z-index:60;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#12192166;z-index:55}}@media print{.sidebar,.topbar,.btn,.toast-wrap{display:none!important}.content{padding:0;max-width:none}.card{box-shadow:none;border-color:#ccc}}