:root{--accent:#2563eb;--accent-soft:#e9f1ff;--background:#f5f7fb;--border:#dce3ef;--danger:#b42318;--danger-soft:#fde8e4;--green:#0f766e;--green-soft:#d8f3ee;--ink:#121826;--muted:#64748b;--panel:#ffffff;--shadow:0 14px 34px rgba(31,41,55,0.07)}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;margin:0}.shell{display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:1060px;min-height:100vh;padding:22px}.appHeader{background:#ffffff;border:1px solid rgba(220,227,239,.9);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;grid-template-columns:auto 1fr;padding:10px 12px;position:relative;z-index:1}.appHeader,.brand{align-items:center}.brand{background:transparent;border:0;color:inherit;cursor:pointer;display:flex;gap:10px;font-weight:800;padding:0}.brandMark,.titleIcon{align-items:center;border-radius:8px;display:inline-flex;justify-content:center}.brandMark{background:var(--ink);color:#ffffff;height:34px;width:34px}.headerActions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.docsLink,.sectionButton,.workspaceButton{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--muted);cursor:pointer;display:inline-flex;gap:6px;font-size:14px;font-weight:700;text-decoration:none}.docsLink{background:var(--panel);border-color:var(--border);color:var(--ink);min-height:34px;padding:7px 10px}.docsLink:hover,.sectionButton.active,.sectionButton:hover,.workspaceButton.active,.workspaceButton:hover{border-color:#bcc9dd;color:var(--accent)}.eyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2{margin:0}h1{font-size:30px;line-height:1.08}h1,h2{letter-spacing:0}h2{font-size:19px}.iconButton{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--ink);cursor:pointer;display:inline-flex;height:38px;justify-content:center;width:38px}.iconButton:hover{border-color:#bcc9dd;color:var(--accent)}.titleIcon{background:var(--accent-soft);color:var(--accent);height:42px;width:42px}.pageTitle{align-items:center;display:flex;gap:12px;padding:18px 2px 4px}.titleText{flex:1 1;min-width:0}.pill,.statusBadge{align-items:center;border-radius:999px;display:inline-flex;gap:6px;font-size:12px;font-weight:700;padding:6px 9px}.pill,.statusBadge.ready{background:var(--green-soft);color:var(--green)}.statusBadge.idle,.statusBadge.loading{background:var(--accent-soft);color:var(--accent)}.alert,.statusBadge.error{background:var(--danger-soft);color:var(--danger)}.pill.muted{background:#eef2f7;color:var(--muted)}.statusBadge.loading svg{animation:spin .9s linear infinite}.alert,.emptyState{font-size:14px;line-height:1.5}.alert{border-radius:6px;margin:0 0 12px;padding:10px}.contentPanel{min-width:0}.adminPanel{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:16px}.adminForm,.apiKeyForm{display:grid;grid-gap:12px;gap:12px}.adminForm{align-items:end;grid-template-columns:1fr;margin-top:12px}.apiKeyForm{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.textArea,.textInput{background:#ffffff;border:1px solid var(--border);border-radius:6px;color:var(--ink);font:inherit;min-height:38px;padding:8px 10px;width:100%}.textArea{min-height:74px;resize:vertical}.codeInput{font-family:Consolas,Liberation Mono,monospace}.fieldHint{color:#6c7793;font-size:.78rem;font-weight:400;margin-top:4px}.fieldHint code{background:#f1f3f9;border-radius:4px;color:#2e3a5b;font-family:Consolas,Liberation Mono,monospace;font-size:.78rem;padding:1px 6px}.primaryButton,.secondaryButton{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:7px;justify-content:center;min-height:38px;padding:8px 12px}.primaryButton{background:var(--ink);border:1px solid var(--ink);color:#ffffff}.secondaryButton{background:var(--panel);border:1px solid var(--border);color:var(--ink)}.primaryButton:disabled,.secondaryButton:disabled{cursor:not-allowed;opacity:.55}.primaryButton:hover:not(:disabled),.secondaryButton:hover:not(:disabled){border-color:#bcc9dd}.scopeGrid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.scopeOption{align-items:center;background:#f7f9fc;border:1px solid var(--border);border-radius:6px;color:var(--ink);display:flex;gap:8px;min-height:40px;padding:8px 10px}.scopeOption span{font-size:13px;font-weight:700}.notice{background:var(--accent-soft);border-radius:6px;color:var(--accent);font-size:14px;line-height:1.5;margin:10px 0 0;padding:10px}.notice.error{background:var(--danger-soft);color:var(--danger)}.workspaceGrid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(260px,.34fr) minmax(0,1fr);align-items:start}.workspaceSidebar{display:flex;flex-direction:column;gap:16px;min-width:0}.workspaceDetail,.workspaceList{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);min-width:0;padding:16px}.panelHeader,.workspaceDetailHeader{align-items:center;display:flex;gap:12px;justify-content:space-between}.panelHeader{margin-bottom:10px}.countPill{background:#eef2f7;border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;min-width:26px;padding:5px 8px;text-align:center}.workspaceRows{border:1px solid var(--border);border-radius:8px;overflow:hidden}.workspaceButton{align-items:flex-start;background:var(--panel);border:0;border-radius:0;border-top:1px solid var(--border);color:var(--ink);flex-direction:column;min-height:58px;padding:12px;width:100%}.workspaceButton:first-child{border-top:0}.workspaceButton.active{background:var(--accent-soft);color:var(--ink)}.workspaceName{font-weight:800}.codeCell,.workspaceMeta{color:var(--muted);font-family:Consolas,Liberation Mono,monospace;font-size:13px;overflow-wrap:anywhere}.workspaceMeta{font-size:12px}.workspaceDetailHeader{border-bottom:1px solid var(--border);padding-bottom:14px}.sectionTabs{background:#f2f5fa;border:1px solid var(--border);border-radius:8px;display:flex;gap:4px;margin:14px 0;padding:3px}.sectionButton{border:0;flex:1 1;justify-content:center;min-height:34px;padding:7px 10px}.sectionButton.active{background:var(--panel);box-shadow:0 1px 2px rgba(31,41,55,.08);color:var(--ink)}.sectionBody{min-width:0}.integratorPackage{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.packageHeader{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.packageText{background:#0f172a;border:1px solid #0f172a;border-radius:8px;color:#e2e8f0;font-family:Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5;min-height:260px;padding:12px;resize:vertical;width:100%}.dataTable{border:1px solid var(--border);border-radius:8px;overflow:hidden}.dataRow{align-items:center;border-top:1px solid var(--border);display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 120px;min-height:54px;padding:12px 14px}.dataRow.header{background:#f7f9fc;border-top:0;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.primaryCell,.tableLink{font-weight:800}.tableLink{align-items:center;color:var(--accent);display:inline-flex;gap:6px;text-decoration:none}.tableLink:hover{text-decoration:underline}.factGrid{border:1px solid var(--border);border-radius:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.factItem{display:flex;flex-direction:column;gap:7px;min-height:76px;padding:14px}.factItem+.factItem{border-left:1px solid var(--border)}.factItem span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.emptyState{align-items:center;background:#f7f9fc;border:1px solid var(--border);border-radius:8px;color:var(--muted);display:flex;gap:10px;padding:18px 14px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.appHeader{align-items:flex-start;grid-template-columns:1fr auto}.adminForm,.factGrid,.workspaceGrid{grid-template-columns:1fr}.factItem+.factItem{border-left:0;border-top:1px solid var(--border)}.dataRow{align-items:flex-start;grid-template-columns:1fr}}@media (max-width:560px){.shell{padding:14px}h1{font-size:26px}.headerActions,.packageHeader,.sectionTabs{align-items:stretch;flex-direction:column}.docsLink,.primaryButton,.secondaryButton,.sectionButton{justify-content:center}.scopeGrid{grid-template-columns:1fr}}.workspaceButton.skeleton{cursor:default;pointer-events:none;background:var(--panel);display:flex;flex-direction:column;gap:8px;padding:12px}.skeletonLine{display:block;height:10px;border-radius:4px;background:linear-gradient(90deg,#eef2f7,#f6f8fb 50%,#eef2f7);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite}.skeletonLine.wide{width:70%}.skeletonLine.narrow{width:40%;height:8px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}