@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--app-bg:#f6f7f3;--text-color:#172322;--muted-text:#526161;--panel-bg:#ffffffe0;--panel-border:#d8ded8;--table-border:#e4e8e1;--brand-accent:#266f74;--brand-soft:#d9f0f0;--brand-line:#a2ccce;--brand-deep:#174d52;--panel-shadow:0 10px 32px #1b383114;color:var(--text-color);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 88% 5%, #ffd38380, transparent 30%), radial-gradient(circle at 12% 94%, #90cdb259, transparent 35%), var(--app-bg);min-height:100svh;margin:0}#root{width:min(1400px,100%);min-height:100svh;margin:0 auto}h1,h2,h3{color:#10251e;font-family:Fraunces,serif}h1{font-size:clamp(1.9rem,2.8vw,2.8rem);line-height:1.05}.dashboard-shell{gap:16px;padding:20px;display:grid}.auth-shell{place-items:center;min-height:100svh;padding:20px;display:grid}.auth-card{border:1px solid var(--panel-border);width:min(460px,100%);box-shadow:var(--panel-shadow);background:#fffffff2;border-radius:18px;padding:24px}.auth-card h1{margin:0 0 8px}.auth-card p{color:var(--muted-text);margin:0 0 16px}.auth-form{gap:12px;display:grid}.auth-form label{gap:6px;font-size:.9rem;display:grid}.auth-form input{border:1px solid var(--panel-border);border-radius:10px;padding:10px}.auth-form button,.admin-create-form button,.admin-actions button,.hero-admin-button,.hero-logout-button{color:#f8fffe;cursor:pointer;background:#266f74;border:1px solid #0000;border-radius:10px;padding:10px 12px}.auth-form button[disabled]{opacity:.7;cursor:default}.auth-error{color:#a63c21;margin-top:12px}.hero-banner{color:#fff7e6;background:radial-gradient(circle at 90% -20%,#ffb551bf,#0000 45%),radial-gradient(circle at -10% 140%,#ff685ed9,#0000 50%),linear-gradient(125deg,#0d3147 0%,#185170 58%,#1b705f 100%);border:1px solid #fff3;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;opacity:.8;margin-bottom:8px;font-size:.8rem}.hero-banner h1{margin:0}.lead{color:#e5edf4;max-width:56ch;margin-top:10px}.hero-pill{text-transform:uppercase;letter-spacing:.12em;flex-direction:column;align-items:flex-end;gap:4px;min-width:110px;font-size:.7rem;display:flex}.user-pill{letter-spacing:.08em;color:#f9ffff;background:#ffffff38;border:1px solid #ffffff73;border-radius:999px;padding:4px 10px;font-size:.62rem;font-weight:700}.source-badge{letter-spacing:.08em;border:1px solid #fff6;border-radius:999px;padding:4px 10px;font-size:.62rem;font-weight:700}.source-badge.live{color:#d9ffee;background:#8ceebf40}.source-badge.mock{color:#ffecc8;background:#ffd69133}.hero-admin-button,.hero-logout-button{color:#fffaf0;text-transform:uppercase;letter-spacing:.08em;background:#ffffff29;border-color:#ffffff61;font-size:.7rem}.hero-pill strong{letter-spacing:.03em;font-size:1.35rem}.panel{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);border-radius:16px;padding:18px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.panel-header h2{margin:0}.panel-header p{color:var(--muted-text);margin-top:4px}.result-pill{background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand-deep);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:.8rem}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.filter-field{color:var(--muted-text);gap:6px;font-size:.86rem;display:grid}.filter-field input,.filter-field select,.secondary-button,.mode-button,.criteria-toggle{font-family:inherit}.filter-field input,.filter-field select{appearance:none;border:1px solid var(--panel-border);color:var(--text-color);background:#fff;border-radius:10px;outline:none;padding:10px 11px}.filter-field input:focus,.filter-field select:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px #266f7429}.actions-row{margin-top:12px}.secondary-button{border:1px solid var(--panel-border);color:var(--text-color);cursor:pointer;background:#fff;border-radius:999px;padding:10px 14px}.secondary-button:hover{border-color:var(--brand-accent)}.mode-switch{border:1px solid var(--panel-border);background:#f5f6f8;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.mode-button{color:var(--muted-text);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 11px}.mode-button.active{color:var(--text-color);background:#fff;box-shadow:0 2px 8px #17283c24}.toggle-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.criteria-toggle{border:1px solid var(--panel-border);color:var(--text-color);cursor:pointer;text-align:left;background:#fff;border-radius:12px;min-height:52px;padding:12px 10px;transition:transform .12s}.criteria-toggle:hover{transform:translateY(-1px)}.criteria-toggle.active{color:#0f4651;background:linear-gradient(145deg,#dff8f7 0%,#d2f3ea 100%);border-color:#0f8d95}.kpi-strip{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.kpi-card{border:1px solid var(--panel-border);background:#fff;border-radius:14px;padding:14px}.kpi-card h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-text);margin:0;font-size:.82rem}.kpi-card p{color:var(--text-color);margin:8px 0 0;font-size:1.8rem}.kpi-card.warn p{color:#a03f31}.kpi-card.live p{color:#187a3b}.content-grid{grid-template-columns:minmax(0,2.6fr) minmax(260px,1fr);gap:14px;display:grid}.status-note{color:#1e4e78;background:#eaf4ff;border:1px solid #d0dfef;border-radius:10px;margin:0;padding:10px 12px;font-size:.86rem}.status-note.error{color:#7f2e19;background:#fdf0ea;border-color:#ecc4b3}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:920px}th,td{border-bottom:1px solid var(--table-border);text-align:left;padding:10px;font-size:.89rem}th{color:var(--muted-text);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fafb}tbody tr.selected{background:#e8f7fb}.employee-cell{gap:3px;display:grid}.employee-cell span{color:var(--muted-text);font-size:.76rem}.risk-badge,.status-badge{border:1px solid var(--panel-border);background:#fff;border-radius:999px;padding:4px 9px;font-size:.75rem;display:inline-block}.risk-badge{color:#7b3316;background:#fbe7d9;border-color:#f0c9aa}.status-badge.live{color:#176334;background:#dff5e6;border-color:#a9ddb8}.detail-panel h3{margin-top:0}.detail-subtitle{color:var(--muted-text)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.detail-grid div{border:1px solid var(--panel-border);background:#fff;border-radius:10px;gap:4px;padding:10px;display:grid}.detail-grid span{color:var(--muted-text);font-size:.76rem}.detail-list{color:var(--text-color);gap:4px;margin:12px 0 0;padding-left:18px;display:grid}.detail-panel.empty{place-content:center;display:grid}.admin-panel{gap:12px;display:grid}.admin-create-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.admin-create-form label{gap:6px;font-size:.82rem;display:grid}.admin-create-form input,.admin-create-form select,.admin-table-wrap select{border:1px solid var(--panel-border);border-radius:8px;padding:8px}.checkbox-label{align-items:center;gap:8px;padding-bottom:10px;display:flex}.admin-table-wrap{overflow:auto}.admin-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-actions button,.admin-create-form button{background:#2a5f83;border-radius:8px;padding:7px 10px;font-size:.78rem}@media (width<=1060px){.content-grid{grid-template-columns:1fr}.hero-banner{flex-direction:column}.hero-pill{align-items:flex-start}}@media (width<=720px){.dashboard-shell{padding:12px}.panel{padding:14px}.panel-header{flex-direction:column}.detail-grid{grid-template-columns:1fr}}