.staff-loading{color:var(--muted-foreground);padding:48px 24px}.staff-whoami{background:#11162a;border-radius:10px;gap:2px;padding:10px 12px;font-size:13px;display:grid}.staff-whoami strong{overflow-wrap:anywhere}.staff-whoami small{color:#8f98b4}.staff-page-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.staff-page-header p{max-width:60ch}.staff-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn.small{padding:8px 12px;font-size:14px}.btn.danger{color:#ffb3b9;background:0 0;border:1px solid #ff8c96}.btn.danger:hover{background:#3a1f25}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0 0 28px;display:grid}.stat-card{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:18px}.stat-card dt{letter-spacing:.06em;text-transform:uppercase;color:#929db9;font-size:12px}.stat-card dd{margin:6px 0 0;font:700 30px Montserrat,sans-serif}.stat-card.warn dd{color:#ffb36b}.staff-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.staff-toolbar .text-input,.staff-toolbar select{min-width:160px}select.text-input{appearance:auto}.data-table-wrap{border:1px solid var(--border);background:var(--card);border-radius:14px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:12px 14px}.data-table th{letter-spacing:.05em;text-transform:uppercase;color:#929db9;white-space:nowrap;font-size:12px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#171c31}.data-table a{color:var(--primary)}.muted{color:#929db9;font-size:13px}.badge{white-space:nowrap;color:#c3c9de;background:#21253a;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge.new{color:#8fc6ff;background:#1c2f4a}.badge.in_review{color:#7be3df;background:#1e3a3a}.badge.awaiting_information{color:#ffcf8f;background:#3a2f1c}.badge.approved{color:#9ee9b5;background:#1f3a2a}.badge.closed{color:#a9b0c9;background:#2a2c38}.badge.overdue{color:#ffb3b9;background:#3a1f25}.badge.due_soon{color:#ffcf8f;background:#3a2f1c}.badge.on_track{color:#9ee9b5;background:#1f3a2a}.badge.responded,.badge.enrolled{color:#7be3df;background:#1e3a3a}.badge.needs_enrollment,.badge.suspended{color:#ffcf8f;background:#3a2f1c}.badge.active{color:#9ee9b5;background:#1f3a2a}.empty-state{text-align:center;color:#929db9;padding:40px 24px}.detail-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.panel{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:20px}.panel+.panel{margin-top:16px}.panel h2{margin-bottom:14px;font-size:18px}.kv{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 22px;margin:0;display:grid}.kv dt{color:#929db9;margin-bottom:3px;font-size:12px}.kv dd{overflow-wrap:anywhere;margin:0}.stack{gap:12px;margin:0;padding:0;list-style:none;display:grid}.inline-form{gap:10px;display:grid}.inline-form .row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.inline-form .row>*{flex:160px}.inline-form .row>.btn{flex:none}.timeline{gap:10px;margin:0;padding:0;list-style:none;display:grid}.timeline li{border-left:2px solid #30364d;gap:2px;padding-left:14px;font-size:14px;display:grid}.timeline time{color:#929db9;font-size:12px}.note-card{border:1px solid var(--border);background:#0d1221;border-radius:10px;padding:12px 14px}.note-card header{color:#929db9;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.note-card p{color:var(--foreground);white-space:pre-wrap}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 18px;display:grid}.form-grid .span-2{grid-column:1/-1}.staff-form{max-width:880px}.staff-form .field{gap:4px;display:grid}.staff-form .field label,.inline-form .field label{margin-bottom:4px;font-size:14px;display:block}.status-ok{color:#9ee9b5;font-size:14px}@media (max-width:850px){.detail-layout{grid-template-columns:minmax(0,1fr)}}
