:root{color:#18211f;background:#eef2ee;font-family:Aptos,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#23474324,#bccab838),repeating-linear-gradient(90deg,rgba(20,42,39,.05) 0 1px,transparent 1px 56px),#edf1ed}.login-panel{width:min(420px,100%);border:1px solid #cbd5ce;border-radius:8px;background:#fbfcfa;padding:32px;box-shadow:0 18px 50px #1926221f}.login-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#234743;color:#f8faf7}.login-panel h1,.topbar h1,.workspace-panel h2{margin:0;letter-spacing:0}.login-panel h1{margin-top:18px;font-size:28px}.login-panel p,.panel-header p,.dashboard-placeholder p{color:#64716c;margin:6px 0 0}.login-panel form{display:grid;gap:10px;margin-top:28px}.login-panel label,.filters label{color:#52605b;font-size:13px;font-weight:700}.login-panel input,.filters input,.filters select{width:100%;min-height:40px;border:1px solid #bfcbc5;border-radius:6px;background:#fff;color:#18211f;padding:9px 11px}.login-panel button,.icon-button,.logout-button,.sidebar nav button{border:0;border-radius:6px;min-height:40px}.login-panel button{margin-top:12px;background:#234743;color:#fff;font-weight:700}.form-error,.banner-error{color:#8d1f13;background:#fcebea;border:1px solid #efbeb8;border-radius:6px;padding:10px 12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#eef2ee}.sidebar{display:flex;flex-direction:column;gap:24px;background:#173431;color:#fff;padding:22px}.brand-block{display:flex;align-items:center;gap:12px}.brand-block>span{width:38px;height:38px;display:grid;place-items:center;border-radius:6px;background:#d9e7de;color:#173431;font-weight:800}.brand-block small{display:block;color:#aec4bd}.sidebar nav{display:grid;gap:8px}.sidebar nav button,.logout-button{display:flex;align-items:center;gap:10px;color:#dce8e4;background:transparent;padding:10px 12px;text-align:left}.sidebar nav button.active,.sidebar nav button:hover,.logout-button:hover{background:#254f49;color:#fff}.logout-button{margin-top:auto}.content-shell{min-width:0;padding:26px}.topbar,.panel-header{display:flex;justify-content:space-between;align-items:center;gap:18px}.topbar{margin-bottom:20px}.eyebrow{color:#6b786f;font-size:12px;font-weight:800;text-transform:uppercase}.topbar-status{display:flex;gap:10px}.topbar-status span{border:1px solid #cbd5ce;border-radius:999px;background:#fbfcfa;padding:7px 12px;font-size:13px;font-weight:700}.workspace-panel{background:#fbfcfa;border:1px solid #cbd5ce;border-radius:8px;padding:20px}.icon-button{width:40px;display:grid;place-items:center;background:#e3ebe6;color:#173431}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}.search-field span{position:relative;display:block}.search-field svg{position:absolute;left:10px;top:12px;color:#7c8983}.search-field input{padding-left:34px}.table-wrap{overflow-x:auto;border:1px solid #d9e1dc;border-radius:8px}table{width:100%;border-collapse:collapse;min-width:900px}th,td{border-bottom:1px solid #e2e8e4;padding:12px 14px;text-align:left;vertical-align:top;font-size:14px}th{background:#f2f6f3;color:#52605b;font-size:12px;text-transform:uppercase}td span{display:block;color:#65726c;font-size:12px}.pill,.status{display:inline-block;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.pill{background:#e8eee9;color:#334440}.status-pending{background:#fff3cd;color:#755900}.status-success{background:#dff4e6;color:#16572d}.status-failed{background:#fcebea;color:#8d1f13}.mono{font-family:SFMono-Regular,Consolas,monospace}.empty-state{color:#66746f;padding:28px;text-align:center}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:14px;margin-top:20px}.metrics-grid article{border:1px solid #d9e1dc;border-radius:8px;padding:18px}.metrics-grid span{color:#64716c;font-size:13px}.metrics-grid strong{display:block;margin-top:6px;font-size:32px}.dashboard-placeholder{margin-top:18px;border:1px dashed #b9c6bf;border-radius:8px;padding:18px}.split-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;margin-top:20px}.connection-form{display:grid;gap:10px;align-self:start;border:1px solid #d9e1dc;border-radius:8px;padding:16px;background:#f8faf8}.connection-form h3{margin:0 0 4px}.connection-form label{color:#52605b;font-size:13px;font-weight:700}.connection-form input{width:100%;min-height:38px;border:1px solid #bfcbc5;border-radius:6px;background:#fff;color:#18211f;padding:8px 10px}.connection-form button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:6px;background:#234743;color:#fff;font-weight:800}.form-message{margin:0;border-radius:6px;padding:10px 12px;font-size:13px;font-weight:800}.form-message-success{background:#dff4e6;color:#16572d}.form-message-error{background:#fcebea;color:#8d1f13}.checkbox-field{display:flex;align-items:center;gap:8px}.checkbox-field input{width:auto;min-height:auto}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;color:#52605b;font-size:14px}.pagination-bar label{display:flex;align-items:center;gap:8px;font-weight:700}.pagination-bar select{min-height:34px;border:1px solid #bfcbc5;border-radius:6px;background:#fff;color:#18211f;padding:6px 8px}.pagination-actions{display:flex;align-items:center;gap:10px}.pagination-actions button{min-height:34px;border:1px solid #bfcbc5;border-radius:6px;background:#fff;color:#173431;padding:6px 10px;font-weight:700}.pagination-actions button:disabled{cursor:not-allowed;color:#9aa6a0;background:#eef2ee}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.filters,.metrics-grid,.pagination-bar,.split-workspace{grid-template-columns:1fr}.pagination-bar{align-items:flex-start;flex-direction:column}}