:root{font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:#14181f;background:#f3f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f3f5f7;--bg-elevated: #ffffff;--bg-sidebar: #171b20;--bg-sidebar-muted: #1e2329;--line: #d6dde5;--line-strong: #bcc6d2;--text: #14181f;--muted: #64707d;--accent: #0f9f6e;--accent-soft: #d7f3e7;--warning: #b66a14;--warning-soft: #fff2d8;--danger: #c3423f;--danger-soft: #fde2e2;--info: #3157c6;--info-soft: #e0e8ff;--shadow: 0 16px 48px rgba(15, 23, 42, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:var(--bg-sidebar);color:#f8fafc;padding:24px 18px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;flex-direction:column;gap:4px}.brand-badge{display:inline-flex;align-items:center;width:fit-content;gap:8px;padding:7px 10px;border-radius:999px;background:#ffffff14;color:#f8fafc;font-size:12px;letter-spacing:0}.brand-title{font-size:18px;font-weight:650}.brand-copy{font-size:13px;color:#f8fafcad;max-width:22ch}.sidebar-section{display:flex;flex-direction:column;gap:8px}.sidebar-label{font-size:12px;text-transform:uppercase;color:#f8fafc75;letter-spacing:.04em;padding:0 10px}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#f8fafcc2;transition:background .14s ease,color .14s ease,transform .14s ease}.nav-link:hover{background:#ffffff14;color:#fff;transform:translate(1px)}.nav-link.active{background:#ffffff1f;color:#fff}.sidebar-footer{margin-top:auto;padding:14px 12px;border-radius:8px;background:var(--bg-sidebar-muted);font-size:13px;color:#f8fafcc7}.app-main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;background:#f3f5f7eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px;min-width:0}.topbar-context{display:flex;flex-direction:column;gap:2px}.topbar-kicker{font-size:12px;color:var(--muted)}.topbar-title{font-size:15px;font-weight:600}.select,.search-input,.field-input,.field-textarea{border:1px solid var(--line);background:var(--bg-elevated);color:var(--text);border-radius:8px;padding:10px 12px}.select{min-width:210px}.search-input{min-width:240px}.button,.icon-button,.status-chip{border:0;border-radius:8px;background:var(--bg-elevated);color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-weight:550;border:1px solid var(--line);cursor:pointer}.button-accent{background:var(--accent);border-color:var(--accent);color:#fff}.button-ghost{background:transparent}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);cursor:pointer}.page{padding:24px;display:flex;flex-direction:column;gap:24px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.page-title-wrap{display:flex;flex-direction:column;gap:5px}.page-kicker{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.page-title{font-size:28px;line-height:1.1;margin:0;font-weight:680}.page-copy{margin:0;color:var(--muted);max-width:60ch}.page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-block,.surface,.table-shell,.empty-state,.detail-stack{background:var(--bg-elevated);border:1px solid var(--line);border-radius:8px}.stat-block{padding:14px;display:flex;flex-direction:column;gap:8px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:28px;font-weight:680}.stat-note{color:var(--muted);font-size:12px}.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:16px}.surface,.table-shell,.empty-state,.detail-stack{padding:16px}.surface-header,.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.surface-title,.section-title{font-size:16px;font-weight:650;margin:0}.surface-copy,.section-copy{margin:4px 0 0;color:var(--muted);font-size:13px}.section-stack,.detail-stack{display:flex;flex-direction:column;gap:14px}.detail-row,.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.detail-row:first-child,.list-row:first-child{border-top:0;padding-top:0}.detail-label{color:var(--muted);font-size:13px}.detail-value{font-weight:560;text-align:right}.filter-bar,.tab-row,.segmented{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.tab-row{border-bottom:1px solid var(--line);padding-bottom:12px}.tab{padding:9px 12px;border-radius:999px;color:var(--muted);background:transparent;border:0}.tab.active,.segmented button.active{background:var(--accent-soft);color:#0b7c56}.segmented{width:fit-content;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--bg-elevated)}.segmented button{border:0;background:transparent;padding:8px 12px;border-radius:999px;cursor:pointer}.status-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-badge.success{background:var(--accent-soft);color:#0b7c56}.status-badge.warning{background:var(--warning-soft);color:var(--warning)}.status-badge.danger{background:var(--danger-soft);color:var(--danger)}.status-badge.info{background:var(--info-soft);color:var(--info)}.table-shell{overflow:hidden}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-top:1px solid var(--line);vertical-align:top}.table th{border-top:0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.table td strong{display:block;font-weight:620}.empty-state{min-height:170px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c121c3d;opacity:0;pointer-events:none;transition:opacity .18s ease}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer,.feedback-sheet{position:fixed;top:0;right:0;width:min(420px,100vw);height:100vh;background:var(--bg-elevated);border-left:1px solid var(--line);box-shadow:var(--shadow);transform:translate(100%);transition:transform .22s ease;z-index:30;display:flex;flex-direction:column}.feedback-sheet{width:min(460px,100vw);z-index:31}.drawer.open,.feedback-sheet.open{transform:translate(0)}.drawer-header,.drawer-footer,.sheet-header,.sheet-footer{padding:18px 18px 16px;border-bottom:1px solid var(--line)}.drawer-footer,.sheet-footer{margin-top:auto;border-top:1px solid var(--line);border-bottom:0;display:flex;justify-content:space-between;gap:12px}.drawer-body,.sheet-body{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:16px}.job-item{padding:14px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:10px}.job-meta,.mini-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px}.progress-track{width:100%;height:8px;border-radius:999px;background:#e6ebf1;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--accent)}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:600}.field-note{font-size:12px;color:var(--muted)}.field-textarea{min-height:120px;resize:vertical}.context-note{padding:12px;border-radius:8px;background:#f7f9fb;border:1px solid var(--line);color:var(--muted);font-size:13px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 440px;background:linear-gradient(135deg,#f3f5f7,#e9edf2 60%,#dde4eb)}.login-hero{padding:48px;display:flex;flex-direction:column;justify-content:space-between}.login-hero-copy{display:flex;flex-direction:column;gap:18px;max-width:34rem}.login-hero h1{margin:0;font-size:clamp(40px,4vw,68px);line-height:.95}.login-hero p{margin:0;font-size:17px;color:#45515d;max-width:34ch}.login-panel{background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid rgba(188,198,210,.9);padding:32px;display:flex;flex-direction:column;justify-content:center}.login-form{display:flex;flex-direction:column;gap:16px}.login-footnote{margin-top:18px;color:var(--muted);font-size:13px}.link-inline{color:var(--info);font-weight:600}@media (max-width: 1180px){.stats-grid,.content-grid{grid-template-columns:1fr 1fr}}@media (max-width: 980px){.shell{grid-template-columns:1fr}.sidebar{display:none}.stats-grid,.content-grid{grid-template-columns:1fr}.topbar{padding:14px 16px;align-items:flex-start;flex-direction:column}.topbar-left,.topbar-right,.page-header,.page-actions{width:100%}.page{padding:16px}.login-shell{grid-template-columns:1fr}.login-hero{padding:28px 24px 12px}.login-panel{border-left:0;border-top:1px solid rgba(188,198,210,.9)}.search-input,.select{width:100%;min-width:0}}