:root{--hub-bg:#141619;--hub-panel:#202328;--hub-border:#ffffff20;--hub-text:#f2f3f5;--hub-muted:#b5bac3;--hub-gold:#f3c955;--hub-radius:16px}
.workspace-page{background:radial-gradient(ellipse at 8% 0%,#f3c95509,transparent 38%),radial-gradient(ellipse at 90% 35%,#be445808,transparent 45%),var(--hub-bg);color:var(--hub-text)}
.workspace-page main :is(button,.workspace-button),.hub-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--hub-border);border-radius:10px;background:#30343c;color:var(--hub-text);padding:10px 16px;font:inherit;font-weight:600;text-decoration:none;white-space:normal;line-height:1.35;cursor:pointer}
.workspace-page main :is(button,.workspace-button):hover,.hub-button:hover{border-color:#f3c95588;background:#383b42}
.workspace-page .workspace-danger{background:#6b2632;border-color:#b34b5f}
.workspace-page :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){box-sizing:border-box;max-width:100%;min-height:44px;border:1px solid #ffffff30;border-radius:10px;padding:11px 12px;background:#171a1f;color:var(--hub-text);font:inherit}
.workspace-page label{display:grid;gap:8px;font-weight:600}.workspace-page :is(input,select,textarea):focus-visible,:is(.workspace-page,.hub-toast) :is(a,button,summary):focus-visible{outline:2px solid var(--hub-gold);outline-offset:3px}
.workspace-page .workspace-card{background:linear-gradient(135deg,#24282e,#1d2025);border:1px solid var(--hub-border);border-radius:var(--hub-radius);padding:clamp(16px,2vw,26px);box-shadow:0 8px 28px #0002;margin-block:0 18px;min-width:0}
.workspace-page .workspace-card h2{font-size:1.2rem;line-height:1.35;margin:0 0 12px}.workspace-page :is(p,small){line-height:1.65}.workspace-page .workspace-heading{margin-bottom:24px}.workspace-page .workspace-heading h1{font-size:clamp(1.6rem,3vw,2.3rem)}
.workspace-page table{border-collapse:collapse;width:100%;font-size:.925rem}.workspace-page :is(th,td){padding:12px;text-align:left;border-bottom:1px solid var(--hub-border);vertical-align:top}.workspace-page th{color:var(--hub-muted);font-weight:600}.workspace-page .workspace-table-wrap,.workspace-page .workspace-table-scroll,.hub-table-scroll{overflow:auto;max-width:100%;border:1px solid var(--hub-border);border-radius:12px}
.workspace-page .workspace-alert,.hub-status{border:1px solid #d6b44e66;background:#d6b44e12;border-radius:12px;padding:14px 16px;line-height:1.6;overflow-wrap:anywhere}.workspace-page .workspace-alert.error,.hub-status[data-state=error]{border-color:#e56b7788;background:#e56b7714}.hub-status[data-state=success]{border-color:#70bfb888;background:#70bfb812}.hub-status:empty{display:none}
.hub-toast{position:fixed;inset:auto 20px max(20px,env(safe-area-inset-bottom));z-index:100100;max-width:640px;margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;background:#282c33;color:#f6f6f6;border:1px solid #f3c95588;border-radius:14px;box-shadow:0 12px 60px #0009;font:500 14px/1.5 system-ui}.hub-toast a{color:#f3d47c}.hub-toast button{min-height:44px;padding:8px 14px;border-radius:9px;border:1px solid #ffffff40;background:#383d47;color:#fff;cursor:pointer}.hub-toast [data-dismiss]{margin-left:auto}.hub-toast[hidden]{display:none}
[aria-busy=true].hub-button{opacity:.75;cursor:progress}.hub-empty{padding-block:30px;text-align:center;color:var(--hub-muted)}
@media(max-width:600px){.hub-toast{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:12px}.workspace-page .workspace-card{border-radius:12px}.workspace-page table{min-width:580px}}
@media(prefers-reduced-motion:reduce){.workspace-page *, .hub-toast{scroll-behavior:auto!important;animation:none!important;transition:none!important}}