:root{--ink:#1f2933;--muted:#667085;--line:#dfe5ec;--bg:#f5f7fa;--panel:#fff;--brand:#06344a;--brand-2:#0d5975;--blue:#0b63ce;--red:#b42318;--green:#157347;--amber:#946200}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);letter-spacing:0}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}
.sidebar{background:#102a3a;color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh}
.brand{font-size:24px;font-weight:800;margin:0 0 28px}
.brand span{display:block;color:#9cc7d9;font-size:13px;font-weight:700;text-transform:uppercase;margin-top:2px}
.sidebar nav{display:grid;gap:18px}
.nav-section{display:grid;gap:7px}
.nav-section-title{font-size:11px;font-weight:900;text-transform:uppercase;color:#9cc7d9;letter-spacing:0;margin:0 0 2px 2px}
.nav-section-items{display:grid;gap:6px}
.sidebar a{color:#d8e7ef;padding:12px 14px;border-radius:6px;font-weight:700}
.sidebar a.active,.sidebar a:hover{background:#173e54;color:#fff;text-decoration:none}
.main{padding:0 28px 48px;min-width:0}
.topbar{height:64px;display:flex;align-items:center;justify-content:flex-end;gap:18px;border-bottom:1px solid var(--line);margin:0 -28px 26px;padding:0 28px;background:#fff}
.topbar-actions{display:flex;align-items:center;gap:12px}
.icon{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.topbar-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:999px;color:#344054;background:#fff;font-weight:800}
.topbar-icon:hover{text-decoration:none;background:#f8fafc}
.topbar-icon strong{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#b42318;color:#fff;font-size:11px;border:2px solid #fff}
.topbar-icon-disabled{opacity:.45;cursor:not-allowed}
.profile-menu{position:relative}
.profile-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:4px 8px 4px 4px;background:#fff;display:flex;align-items:center;gap:6px}
.profile-menu summary::-webkit-details-marker{display:none}
.avatar-badge{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:var(--brand);color:#fff;font-size:13px;font-weight:900}
.profile-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:10;width:220px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 40px rgba(16,24,40,.14);padding:8px;display:grid;gap:4px}
.profile-role{justify-self:start;border-radius:999px;background:#fff4d6;color:#7a4d00;padding:6px 10px;font-size:12px;font-weight:900;margin:4px 4px 8px}
.profile-menu-panel a,.profile-menu-panel .link-button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border-radius:6px;padding:10px 11px;color:#344054;font-weight:800}
.profile-menu-panel a:hover,.profile-menu-panel .link-button:hover{background:#f8fafc;text-decoration:none}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.eyebrow{font-size:13px;font-weight:800;text-transform:uppercase;color:var(--brand-2);margin:0 0 6px}
h1{font-size:34px;line-height:1.12;margin:0}
h2{font-size:18px;margin:24px 0 12px}
.muted{color:var(--muted)}
small{display:block;color:var(--muted);margin-top:5px}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.metrics-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}
.metric span{display:block;color:var(--muted);font-weight:700}
.metric strong{display:block;font-size:34px;margin-top:8px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.panel-head h2{margin:0}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;vertical-align:middle}
th{font-size:13px;color:#475467;background:#f8fafc}
.right{text-align:right}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.tab{border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:#344054;background:#fff;font-weight:800}
.tab.active{background:var(--brand);border-color:var(--brand);color:#fff;text-decoration:none}
.tab span{opacity:.75;margin-left:4px}
.filters{display:flex;gap:12px;align-items:end;margin-bottom:18px}
.filters label{flex:1;max-width:460px}
label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#344054}
input,textarea,select{width:100%;border:1px solid #ccd5df;border-radius:7px;padding:11px 12px;font:inherit;background:#fff;color:var(--ink)}
textarea{resize:vertical}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfd8e3;border-radius:7px;background:#fff;color:#1f2933;padding:10px 14px;font-weight:800;cursor:pointer}
.button:hover{text-decoration:none;background:#f8fafc}
.button-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.button-primary:hover{background:#052b3d}
.button-danger{background:var(--red);border-color:var(--red);color:#fff}
.button-small{padding:7px 10px;font-size:13px}
.link-button{border:0;background:transparent;color:var(--blue);font:inherit;font-weight:800;cursor:pointer}
.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#eef2f6;color:#344054}
.status-open{background:#e8f7ee;color:#13603b}
.status-pending_review{background:#fff4d6;color:#7a4d00}
.status-rejected{background:#fee4e2;color:#912018}
.status-paused{background:#eef4ff;color:#175cd3}
.status-app-submitted{background:#eef4ff;color:#175cd3}
.status-app-viewed{background:#eef2f6;color:#344054}
.status-app-interview{background:#f4ebff;color:#6941c6}
.status-app-accepted{background:#e8f7ee;color:#13603b}
.status-app-rejected{background:#fee4e2;color:#912018}
.status-app-withdrawn{background:#fff4d6;color:#7a4d00}
.status-app-draft{background:#f2f4f7;color:#475467}
.status-feedback-new{background:#eef4ff;color:#175cd3}
.status-feedback-in_progress{background:#fff4d6;color:#7a4d00}
.status-feedback-resolved,.status-feedback-reviewed{background:#e8f7ee;color:#13603b}
.status-feedback-dismissed{background:#f2f4f7;color:#475467}
.security-login_success{background:#e8f7ee;color:#13603b}
.security-login_failure,.security-password_reset_failed{background:#fee4e2;color:#912018}
.security-login_denied{background:#fff1f3;color:#c01048}
.security-logout{background:#eef2f6;color:#344054}
.security-session_timeout{background:#fff4d6;color:#7a4d00}
.security-password_reset_requested,.security-password_reset_completed{background:#eef4ff;color:#175cd3}
.severity-critical{background:#fee4e2;color:#912018}
.severity-high{background:#fff1f3;color:#c01048}
.severity-normal{background:#eef2f6;color:#344054}
.severity-low{background:#e8f7ee;color:#13603b}
.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.stack{display:grid;gap:14px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.fact{border:1px solid var(--line);border-radius:7px;padding:12px}
.fact span{display:block;color:var(--muted);font-size:12px;font-weight:800}
.fact strong{display:block;margin-top:6px}
.timeline-wrap{margin:0 -8px}
.timeline-table{min-width:480px;table-layout:fixed}
.timeline-table th,.timeline-table td{font-size:13px;padding:11px 8px;word-break:break-word}
.timeline-table th:nth-child(1),.timeline-table td:nth-child(1){width:88px}
.timeline-table th:nth-child(2),.timeline-table td:nth-child(2){width:104px}
.timeline-table th:nth-child(3),.timeline-table td:nth-child(3),.timeline-table th:nth-child(4),.timeline-table td:nth-child(4){width:86px}
.timeline-table th:nth-child(5),.timeline-table td:nth-child(5){width:116px}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags span{border:1px solid #cfd8e3;border-radius:999px;padding:7px 10px;background:#f8fafc;font-weight:700}
.question-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.question-list li{border:1px solid var(--line);border-radius:7px;padding:12px}
.question-list span{display:block;color:var(--muted);margin-top:5px}
.preline{white-space:pre-line;line-height:1.6}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.team-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;gap:14px;min-width:0}
.team-card-head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;align-items:center}
.team-card h2{font-size:18px;line-height:1.2;margin:0;word-break:break-word}
.team-card p{margin:5px 0 0;color:var(--muted);word-break:break-word}
.team-avatar{width:52px;height:52px;border-radius:999px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900;font-size:16px}
.team-meta{border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:#f8fafc}
.team-meta span{display:block;color:var(--muted);font-size:12px;font-weight:800}
.team-meta strong{display:block;margin-top:4px}
.role-pills{display:flex;flex-wrap:wrap;gap:8px}
.role-pill{display:inline-flex;align-items:center;border-radius:999px;background:#e8f7ee;color:#13603b;padding:7px 10px;font-size:12px;font-weight:900}
.role-pill-inactive{background:#eef2f6;color:#475467}
.role-pill-empty{background:#fff4d6;color:#7a4d00}
.team-card-foot{display:grid;gap:6px}
.security-agent{max-width:360px;word-break:break-word;color:var(--muted);font-size:13px}
.note{border-left:4px solid var(--amber);background:#fff8e6;padding:12px 14px;margin:18px 0}
.note p{margin:6px 0 0}
.alert{border-radius:7px;padding:12px 14px;margin-bottom:18px;font-weight:700}
.alert-error{background:#fee4e2;color:#912018}
.alert-success{background:#e8f7ee;color:#13603b}
@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  .sidebar{position:relative;height:auto}
  .main{padding:0 16px 32px}
  .topbar{margin:0 -16px 22px;padding:0 16px}
  .metrics{grid-template-columns:1fr}
  .metrics-four{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr}
  .page-head{display:block}
  .filters{display:block}
  .filters .button{margin-top:10px}
}