/* Admin in the landing page's design language: Figtree + Source Serif 4, floating pill header, navy pill buttons, hairline warm borders, soft shadows. */
body{font-family:'Figtree','Helvetica Neue',Helvetica,Arial,sans-serif;background:#fff;color:#0B1F44;font-size:15px}
.serif{font-family:'Source Serif 4',Georgia,serif;font-weight:400;letter-spacing:-.025em}
.serif em,.hero h1 em{font-style:normal;color:#3B82F6}
.mono{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace}

/* floating pill header (same recipe as the landing page) */
.hdr{position:sticky;top:0;z-index:40;padding:14px clamp(12px,2vw,24px) 0;pointer-events:none}
.pill{pointer-events:auto;max-width:1180px;margin:0 auto;height:64px;padding:0 10px 0 clamp(16px,2vw,24px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;background:rgba(255,255,255,.84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #E6E3DE;border-radius:999px;box-shadow:0 18px 44px -30px rgba(11,31,68,.38)}
.brand img{height:28px;display:block}
.hnav{display:flex;gap:6px}.hnav a{padding:8px 16px;border-radius:999px;color:#344054;text-decoration:none;font-weight:500}
.hnav a:hover{background:#F2F4F7;color:#0B1F44}.hnav a.on{background:#EEF3FF;color:#1D4ED8}
.hr{justify-self:end;display:flex;align-items:center;gap:10px}
.env{font:600 11px/1 'Figtree',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#667085;border:1px solid #E6E3DE;border-radius:999px;padding:6px 10px}

.content{max-width:1180px;margin:0 auto;padding:56px clamp(12px,2vw,24px) 96px}
.hero{text-align:center;max-width:760px;margin:0 auto 48px}
.eyebrow{font:600 12px/1 'Figtree',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2563EB;margin:0 0 18px}
.hero h1{margin:0;font-family:'Source Serif 4',Georgia,serif;font-weight:400;font-size:clamp(40px,5.4vw,64px);line-height:1.05;letter-spacing:-.025em}
.lede{margin:18px auto 0;color:#667085;font-size:18px;line-height:1.55}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 28px}
.stat{background:#fff;border:1px solid #E6E3DE;border-radius:20px;padding:20px 24px;box-shadow:0 18px 44px -34px rgba(11,31,68,.3)}
.stat .k{font:600 12px/1.3 'Figtree',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#667085}
.stat .v{font-family:'Source Serif 4',Georgia,serif;font-weight:400;font-size:44px;line-height:1.05;letter-spacing:-.03em;margin-top:10px;color:#0B1F44}

.card{background:#fff;border:1px solid #E6E3DE;border-radius:24px;box-shadow:0 18px 44px -34px rgba(11,31,68,.3)}
.tablecard{overflow:hidden}
.tabs{display:flex;gap:4px;padding:10px 16px 0;border-bottom:1px solid #EFEDE9;overflow-x:auto}
.tab{height:44px;padding:0 14px;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:#667085;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:8px}
.tab:hover{background:none;color:#0B1F44}.tab[aria-selected=true]{color:#0B1F44;border-bottom-color:#0B1F44;font-weight:600}
.tab span{font:500 12px/1 'IBM Plex Mono',monospace;background:#F2F1ED;border-radius:999px;padding:4px 8px;color:#344054}
.tb{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #EFEDE9}
.tb input{max-width:380px;height:44px;border-radius:999px;padding:0 18px;border-color:#E6E3DE}.tb .mono{margin-left:auto;font-size:12px}
.tscroll{overflow-x:auto}.tbl{width:100%;border-collapse:collapse}
.tbl th{text-align:left;font:600 12px/1.3 'Figtree',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#667085;padding:12px 20px;background:#FAF9F7;border-bottom:1px solid #EFEDE9;white-space:nowrap}
.tbl td{padding:16px 20px;border-bottom:1px solid #EFEDE9;vertical-align:middle;color:#344054}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover{background:#FAF9F7}.tbl tbody tr.sel{background:#F3F7FF}
.tbl tbody tr:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #3B82F6}
.tbl td b{display:block;color:#0B1F44;font-weight:600;font-size:15px}.tbl td small{color:#667085;font-size:13px}
.tbl .t{font:400 12px/1.4 'IBM Plex Mono',monospace;color:#667085;white-space:nowrap}
.empty{padding:56px 24px;text-align:center;color:#667085}

/* chips */
.chip{font-family:'Figtree',sans-serif}

/* slide-over */
.scrim{position:fixed;inset:0;background:rgba(11,31,68,.32);backdrop-filter:blur(2px);z-index:50}
.drawer{position:fixed;top:12px;right:12px;bottom:12px;width:min(600px,calc(100vw - 24px));background:#fff;border:1px solid #E6E3DE;border-radius:28px;box-shadow:0 30px 80px -30px rgba(11,31,68,.5);z-index:51;display:flex;flex-direction:column;animation:slide .2s ease-out;overflow:hidden}
@keyframes slide{from{transform:translateX(24px);opacity:0}}
@media (prefers-reduced-motion:reduce){.drawer{animation:none}}
.drawer[hidden],.scrim[hidden]{display:none}
.drawer-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 14px 28px;border-bottom:1px solid #EFEDE9;font-size:12px}
.x{width:36px;height:36px;padding:0;border-radius:50%;background:#fff;color:#344054;border:1px solid #E6E3DE;font-size:13px}.x:hover{background:#F2F4F7}
.drawer-body{overflow:auto;padding:28px 32px 44px}
.detail-h h2{font-family:'Source Serif 4',Georgia,serif;font-weight:400;font-size:32px;line-height:1.1;letter-spacing:-.02em;margin:0}
.url{font:400 13px/1.5 'IBM Plex Mono',monospace;overflow-wrap:anywhere}
.sec h3{font:600 12px/1.3 'Figtree',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#667085}
.panel{background:#F7F6F3;border-radius:16px;padding:16px 18px}
.cards{display:grid;gap:10px}
.ccard{border:1px solid #E6E3DE;border-radius:16px;padding:14px 16px;display:grid;grid-template-columns:28px 1fr;gap:12px}
.ccard .n{width:28px;height:28px;border-radius:50%;background:#EEF3FF;color:#1D4ED8;display:grid;place-items:center;font:600 12px/1 'Figtree',sans-serif}
.ccard b{font-weight:600}.ccard .why{color:#667085;margin-top:2px}
.srcrow{display:grid;gap:8px}
.actions{margin:22px 0 4px}
.note{border-radius:14px}
@media(max-width:900px){.pill{grid-template-columns:auto 1fr}.hnav{display:none}.stats{grid-template-columns:repeat(2,1fr)}.c-contact,.c-time{display:none}.tb input{max-width:none}.hero{margin-bottom:32px}.content{padding-top:36px}.env{display:none}}
.tb .mono{white-space:nowrap}
@media(max-width:900px){.tb .mono{display:none}}