:root{--bg:#f3f6f4;--ink:#14231a;--accent:#0f6b4c;--warn:#9a5b00;--card:#fffc;--line:#c5d4cb;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #d9efe4 0%, transparent 60%), radial-gradient(900px 500px at 100% 0%, #e7eef8 0%, transparent 55%), var(--bg);font-family:Segoe UI,Be Vietnam Pro,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:var(--accent)}.page{max-width:960px;margin:0 auto;padding:1.5rem}.page.display{max-width:1200px}.hero{margin-bottom:1.5rem}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.85rem}.hero h1{margin:.2rem 0;font-size:clamp(1.8rem,4vw,2.6rem)}.sub{opacity:.8}.card-form{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;gap:.75rem;padding:1rem;display:grid}.card-form label{gap:.35rem;font-weight:600;display:grid}.card-form input,.card-form select,button,.bar select{font:inherit;border:1px solid var(--line);border-radius:8px;padding:.65rem .75rem}button{background:var(--accent);color:#fff;cursor:pointer;border:none;font-weight:600}button.danger{background:#8b2e2e}button.primary{width:100%;margin-top:1rem;padding:.9rem;font-size:1.05rem}.error{color:#8b2e2e;white-space:pre-wrap}.badges{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.badges span{background:#e8eee9;border-radius:999px;padding:.35rem .7rem;font-size:.9rem}.badges .ok{color:#0f6b4c;background:#d7f0e4}.badges .warn{color:var(--warn);background:#ffe8c2}.badges .muted{opacity:.7}.ticket{text-align:center;border:1px dashed var(--accent);background:#fff;border-radius:16px;margin-top:1.25rem;padding:1.25rem}.stt{color:var(--accent);margin:0;font-size:4rem;font-weight:800}.stt-label{text-transform:uppercase;letter-spacing:.06em;margin:0}.qr{justify-content:center;margin:1rem 0;display:flex}.hint{opacity:.7}.page.staff{max-width:1120px}.staff-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:1.25rem;display:flex}.staff-top h1{margin:.15rem 0 0;font-size:clamp(1.5rem,3vw,2rem)}.staff-top-actions{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.desk-picker{gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.desk-picker-row{align-items:center;gap:.65rem;display:flex}.desk-picker-row em{opacity:.7;white-space:nowrap;font-style:normal;font-weight:500}.staff-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin-bottom:1.25rem;display:grid}@media (width<=900px){.staff-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric{border:1px solid var(--line);background:#fff;border-radius:12px;gap:.2rem;padding:.75rem .9rem;display:grid}.metric-label{text-transform:uppercase;letter-spacing:.04em;opacity:.65;font-size:.78rem}.metric strong{font-size:1.35rem}.metric-alert{background:#fff5f5;border-color:#c45c5c}.staff-workgrid{grid-template-columns:minmax(280px,360px) 1fr;align-items:start;gap:1rem;display:grid}@media (width<=900px){.staff-workgrid{grid-template-columns:1fr}}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:1rem 1.1rem 1.2rem}.panel h2{margin:0 0 .75rem;font-size:1.05rem}.panel h2.mt{margin-top:1.25rem}.panel h3{margin:1.1rem 0 .55rem;font-size:.95rem}.card-form.tight{box-shadow:none;margin:0}.student-panel.empty{place-items:center;min-height:280px;display:grid}.empty-state{text-align:center;opacity:.75;padding:1.5rem}.empty-state h2{margin:0 0 .4rem}.student-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.student-head h2{margin:.1rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0;font-size:.75rem}.meta{opacity:.75;margin:.25rem 0 0;font-size:.92rem}.stt-chip{text-align:center;background:#eef7f2;border:1px solid #b7d8c6;border-radius:12px;min-width:96px;padding:.55rem .85rem}.stt-chip span{text-transform:uppercase;opacity:.7;font-size:.72rem;display:block}.stt-chip strong{color:var(--accent);font-size:1.8rem;line-height:1.1;display:block}.stt-chip em{opacity:.75;font-size:.8rem;font-style:normal;display:block}.step-cards{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.step-card{border:1px solid var(--line);background:#fafcfb;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.step-card strong{display:block}.step-card small{opacity:.65;font-size:.8rem;display:block}.step-card .pill{background:#e8eee9;border-radius:999px;margin-top:.3rem;padding:.15rem .45rem;font-size:.75rem;display:inline-block}.pill.status-done{color:#0f6b4c;background:#d7f0e4}.pill.status-pending{color:#9a5b00;background:#ffe8c2}.pill.status-skipped{color:#555;background:#ececec}.step-actions{flex-wrap:wrap;gap:.35rem;display:flex}.doc-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.doc-list label{border-radius:8px;align-items:flex-start;gap:.55rem;padding:.45rem .5rem;display:flex}.doc-list label:hover{background:#f3f8f5}.doc-list small{opacity:.55;text-transform:uppercase;margin-top:.15rem;font-size:.75rem;display:block}.actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;padding-top:1rem;display:flex}.btn-sm{border-radius:7px;padding:.4rem .65rem;font-size:.85rem}.btn-muted{background:#5b6b62}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-ghost:hover{background:#f0f4f1}.page.login{place-items:center;min-height:100vh;display:grid}.page.login .card-form{width:min(420px,100%);box-shadow:0 12px 40px #14231a14}.page.login h1{margin:0 0 .5rem}.desk-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;display:grid}.desk-cell{border:1px solid var(--line);background:#fff;border-radius:10px;align-content:start;gap:.2rem;min-height:96px;padding:.75rem;display:grid}.desk-cell.active{border-color:var(--accent);box-shadow:0 0 0 2px #0f6b4c33}.desk-no{opacity:.7;font-size:.8rem}.desk-stt{font-size:1.8rem;font-weight:800}.desk-name{font-size:.85rem}.recent{columns:2}.error-toast{z-index:1000;color:#8b2e2e;background:#fdf2f2;border:1px solid #e0b4b4;border-radius:10px;align-items:flex-start;gap:.75rem;max-width:min(420px,100vw - 2rem);padding:.85rem 1rem;animation:.18s ease-out error-toast-in;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 8px 24px #14231a22}.error-toast-text{white-space:pre-wrap;flex:1;margin:0;font-weight:600;line-height:1.35}.error-toast-close{color:#8b2e2e;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:2rem;height:2rem;padding:0;font-size:1.35rem;line-height:1}.error-toast-close:hover{background:#f0d6d6}@keyframes error-toast-in{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.error-toast{max-width:none;left:1rem;right:1rem}}body{margin:0}