:root{color-scheme:light;--bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--primary:#3157d5;--primary-2:#1f3ea3;--text:#172033;--muted:#667085;--line:#d9e1ec;--danger:#b42318;--danger-bg:#fff1f0;--sidebar:#111827}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{border:0;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;padding:11px 16px;cursor:pointer;box-shadow:0 6px 14px rgba(49,87,213,.16)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.secondary{background:#eef3ff;color:var(--primary-2);box-shadow:none}.ghost{background:hsla(0,0%,100%,.08);box-shadow:none}.text-button{background:transparent;color:var(--primary);box-shadow:none;padding:0;border-radius:6px}.full{width:100%;margin:18px 0;text-align:left}input,select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);padding:11px 12px;outline:none}button:focus-visible,input:focus,select:focus{box-shadow:0 0 0 4px rgba(49,87,213,.14);border-color:var(--primary);outline:none}label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.hint,.muted{color:var(--muted);line-height:1.6}.eyebrow{margin:0 0 8px;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#edf2ff,#f8fafc)}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 24px 60px rgba(16,24,40,.12)}.login-card h1{font-size:34px;margin:0 0 8px}.brand-dot{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#3157d5,#00a389);color:#fff;font-weight:900}.stack{display:grid;grid-gap:14px;gap:14px}.compact{gap:11px}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:var(--sidebar);color:#fff;padding:20px;transition:width .2s ease;overflow:hidden}.side-head{display:flex;align-items:center;gap:12px}.side-title{display:grid}.side-title span{font-size:12px;color:#b9c2d0}.sidebar nav{display:grid;grid-gap:7px;gap:7px;margin-top:10px}.sidebar nav button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;color:#cbd5e1;box-shadow:none;text-align:left}.sidebar nav button span{width:30px;height:30px;border-radius:9px;background:hsla(0,0%,100%,.08);display:grid;place-items:center;font-size:12px}.sidebar nav button.active,.sidebar nav button:hover{background:hsla(0,0%,100%,.1);color:#fff}.logout{position:absolute;bottom:18px;left:20px;width:calc(100% - 40px)}.is-collapsed{grid-template-columns:88px minmax(0,1fr)}.is-collapsed .sidebar{padding:20px 14px}.is-collapsed .full,.is-collapsed .side-title,.is-collapsed .sidebar nav button strong{display:none}.workspace{padding:30px;max-width:1540px;width:100%}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}.topbar h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;margin:0 0 6px}.client-picker{min-width:260px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.metrics span{display:block;color:var(--muted);font-weight:700}.metrics strong{font-size:34px}.content-grid{display:grid;grid-template-columns:1.2fr .95fr;grid-gap:18px;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(16,24,40,.06);margin-bottom:18px}.panel.wide{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.panel h2{font-size:22px;margin:0 0 5px}.panel p{margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.dash-card,.task-card{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px}.dash-card>span{color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase}.dash-card h3{margin:8px 0;font-size:18px}.dash-card dl{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:16px 0}.dash-card dl div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.dash-card dt{color:var(--muted);font-size:12px}.dash-card dd{margin:4px 0 0;font-weight:900}.table-wrap{overflow:auto;margin-top:14px;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;background:#fff}td,th{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2)}td small,th{color:var(--muted)}td small{display:block;margin-top:4px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.kanban-col{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:14px;min-height:170px}.kanban-col h3{margin:0 0 12px}.task-card{background:#fff;margin-bottom:10px}.task-card span{display:block;color:var(--muted);font-size:13px;margin:8px 0}.fetch-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;grid-gap:12px;gap:12px;align-items:end}.selection-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.scroll-list{max-height:310px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:8px}.check-row{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:10px;color:var(--text);font-weight:600}.check-row:hover{background:#fff}.check-row input{width:auto;margin-top:3px}.check-row small{display:block;color:var(--muted);font-weight:500;margin-top:2px}.actions-row{display:flex;align-items:center;gap:16px;margin-top:16px;color:var(--muted);font-weight:700}.records-list{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.records-list article{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:14px}.records-list header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.records-list header span{color:var(--muted);font-size:13px}.error-banner{background:var(--danger-bg);border:1px solid #ffccc7;color:var(--danger);padding:13px 15px;border-radius:14px;margin-bottom:16px;font-weight:700}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.46);display:grid;place-items:center;padding:20px;z-index:30}.modal{width:min(560px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 80px rgba(15,23,42,.26);position:relative}.modal-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border-radius:50%;padding:0;background:#eef2f7;color:#111827;box-shadow:none}.modal h2{margin:0 0 10px}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.is-collapsed{grid-template-columns:1fr}.is-collapsed .full,.is-collapsed .side-title,.is-collapsed .sidebar nav button strong{display:initial}.logout{position:static;width:100%;margin-top:18px}.content-grid,.dashboard-grid,.fetch-grid,.kanban,.metrics,.selection-grid{grid-template-columns:1fr}.actions-row,.panel-head,.records-list header,.topbar{flex-direction:column;align-items:flex-start}}.connector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.connector-card{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;grid-gap:10px;gap:10px}.connector-card.selected{border-color:var(--primary);box-shadow:0 0 0 4px rgba(49,87,213,.1);background:#fff}.connector-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.connector-top span{color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase}.status-active,.status-temp{border-radius:999px;padding:5px 9px;font-size:12px}.status-active{background:#dcfae6;color:#067647}.status-temp{background:#fff7ed;color:#b54708}.connector-card h3{margin:0;font-size:18px}.connector-card dl{display:grid;grid-gap:8px;gap:8px;margin:0}.connector-card dt{color:var(--muted);font-size:12px;font-weight:800}.connector-card dd{margin:2px 0 0;color:var(--text);font-size:13px;line-height:1.45}.connector-summary{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:12px;display:grid;grid-gap:4px;gap:4px}.connector-summary small,.connector-summary span{color:var(--muted);line-height:1.45}@media(max-width:1080px){.connector-grid{grid-template-columns:1fr}}