:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#10213f;background:#f4f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#dff8f2,transparent 35%),#f4f7fb}.auth-card{width:min(460px,100%);background:#fff;border:1px solid #dce5f0;border-radius:24px;padding:36px;box-shadow:0 20px 60px #17345b1a}.brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:850}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1769e0;color:#fff}.auth-card h1{font-size:2rem;margin:28px 0 8px}.muted{color:#65758b}.field{display:grid;gap:7px;margin-top:16px}.field label{font-weight:700;font-size:.9rem}.field input,.field select,.field textarea,.workspace-picker{width:100%;padding:12px 14px;border:1px solid #cbd8e8;border-radius:11px;background:#fff;color:#10213f}.field textarea{min-height:120px;resize:vertical}.primary,.provider{border:0;border-radius:11px;padding:13px 16px;font-weight:800}.primary{background:#1769e0;color:#fff;margin-top:20px}.provider{background:#eef4fc;color:#17345b;margin-top:10px}.auth-card .primary,.auth-card .provider{width:100%}.error{color:#a12626;background:#fff0f0;border:1px solid #f4c9c9;padding:11px;border-radius:10px;margin-top:14px}.app{min-height:100vh;display:grid;grid-template-columns:268px 1fr}.sidebar{background:#0b1b3b;color:#fff;padding:26px 20px;display:flex;flex-direction:column}.sidebar .brand{padding:4px 8px 28px}.workspace-card{padding:16px;border:1px solid #2a4168;background:#142850;border-radius:14px;margin-bottom:22px}.workspace-card small{display:block;color:#92a6c8;text-transform:uppercase;letter-spacing:.08em}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;color:#c4d0e2;text-align:left;padding:12px 14px;border-radius:10px;font-weight:700}.nav button:hover,.nav button.active{background:#1b3767;color:#fff}.sidebar-footer{margin-top:auto;padding:18px 8px 0;border-top:1px solid #294064}.sidebar-footer small{color:#9fb0ca;display:block;overflow-wrap:anywhere}.signout{border:0;background:transparent;color:#d4deec;padding:12px 0;font-weight:700}.main{padding:34px clamp(22px,4vw,54px);min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #dbe4ef;padding-bottom:22px}.topbar h1{margin:0;font-size:clamp(1.8rem,3vw,2.4rem)}.role{background:#e5f8f2;color:#08755d;border-radius:999px;padding:7px 12px;font-weight:750;font-size:.85rem}.toolbar{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:18px;margin:26px 0}.panel,.metric{background:#fff;border:1px solid #dce5f0;border-radius:16px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px;margin-bottom:20px}.metric{padding:19px}.metric strong{display:block;font-size:2rem;margin-top:5px}.panel{padding:22px}.panel h2{margin:0 0 16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #e5ebf3;vertical-align:top}th{color:#65758b;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e8f1ff;color:#145ab8;font-weight:750;font-size:.78rem}.empty{padding:42px;text-align:center;color:#65758b}.loading{min-height:60vh;display:grid;place-items:center;color:#52657c}.notice{background:#fff8dc;border:1px solid #ead88b;padding:14px;border-radius:12px;color:#725c00;margin-bottom:18px}.danger-boundary{max-width:720px;margin:60px auto;background:#fff;border:1px solid #f0c8c8;border-radius:18px;padding:28px}.agent-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.agent-summary small{color:#65758b;font-weight:800;letter-spacing:.08em}.agent-summary h2{margin:8px 0}.agent-form{max-width:1100px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.agent-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.agent-actions .primary,.agent-actions .provider{width:auto;margin-top:0}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:static}.nav{grid-template-columns:repeat(2,1fr)}.sidebar-footer{margin-top:20px}.metrics,.agent-summary,.form-grid,.toolbar{grid-template-columns:1fr}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.main{padding:22px 16px}.auth-card{padding:25px}.nav{grid-template-columns:1fr}.agent-actions{display:grid}.agent-actions button{width:100%!important}}.sidebar{background:#f8fafc;color:#17243d;border-right:1px solid #dce5f0;padding:26px 20px}.sidebar .brand{color:#10213f;padding:4px 8px 28px}.sidebar .mark{box-shadow:0 4px 12px #1769e02e}.workspace-card{padding:16px;border:1px solid #d6e1ee;background:#fff;border-radius:14px;margin-bottom:22px;box-shadow:0 2px 8px #10213f0a}.workspace-card small{display:block;color:#718096;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.workspace-card strong{display:block;color:#17243d;margin-top:3px}.nav{display:grid;gap:5px}.nav a,.nav button{display:block;width:100%;border:0;background:transparent;color:#44546a;text-align:left;padding:11px 13px;border-radius:10px;font-weight:700;text-decoration:none;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.nav a:visited{color:#44546a}.nav a:hover,.nav button:hover{background:#edf3fb;color:#174f99;text-decoration:none}.nav a.active,.nav a[aria-current=page],.nav button.active{background:#e4efff;color:#145ab8;box-shadow:inset 3px 0 #1769e0;text-decoration:none}.nav a.active:visited,.nav a[aria-current=page]:visited{color:#145ab8}.nav a:focus-visible,.nav button:focus-visible,.signout:focus-visible{outline:3px solid rgba(23,105,224,.22);outline-offset:2px}.sidebar-footer{margin-top:auto;padding:18px 8px 0;border-top:1px solid #dce5f0}.sidebar-footer small{color:#718096;display:block;overflow-wrap:anywhere}.signout{border:0;background:transparent;color:#44546a;padding:12px 0;font-weight:700}.signout:hover{color:#145ab8}@media(max-width:900px){.sidebar{border-right:0;border-bottom:1px solid #dce5f0}}
