.workspace{display:block;min-width:0;width:min(1180px,100%);margin:0 auto;padding:64px 40px 80px;flex:1}
.workspace-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;color:#8fa9d1;margin-bottom:12px}
.workspace h1{font-size:36px;font-weight:500;letter-spacing:-.035em;line-height:1.2}.workspace h2{font-size:19px;font-weight:500;letter-spacing:-.02em}
.subtle{color:#aaa;font-size:14px;margin-top:12px;line-height:1.7}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.control{border:1px solid #383838;border-radius:9px;background:#191919;color:#eee;padding:10px 16px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;white-space:nowrap}
.control:hover{background:#252525;border-color:#686868}.control.primary{background:#e8effc;color:#111;border-color:#e8effc}.control.danger{color:#ffaaa6;border-color:#754d4a}.control:disabled,[aria-disabled=true]{opacity:.5;pointer-events:none}
.workspace :focus-visible,.auth :focus-visible{outline:2px solid #8bb8ff;outline-offset:4px}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 40px}.metric{padding:25px 26px;border:1px solid #2c2c2c;border-radius:14px;background:#111}.metric .label{color:#aaa;font-size:13px;margin-bottom:16px}.metric .value{font-size:28px;line-height:1.25;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric.featured{background:#172131;border-color:#354765}.metric small{display:block;color:#999;margin-top:12px;font-size:12px}
.notice{border:1px solid #45403a;border-radius:12px;background:#211d17;color:#e6d9bf;padding:18px 22px;font-size:14px;line-height:1.7;margin:20px 0}.notice.success{border-color:#2c574a;background:#14251f;color:#b9e4ce}.notice.error{border-color:#693d3a;background:#2d1918;color:#efb9b5}
.panel{border:1px solid #2e2e2e;border-radius:14px;background:#0d0d0d;overflow:hidden;margin:24px 0}.panel-head{padding:23px 24px;border-bottom:1px solid #282828;display:flex;align-items:center;justify-content:space-between;gap:16px}
.table-wrap{overflow:auto;scrollbar-width:thin}.workspace table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}.workspace th{color:#909090;font-weight:400;background:#131313;font-size:12px;padding:13px 24px}.workspace td{padding:17px 24px;border-top:1px solid #242424;font-variant-numeric:tabular-nums}.workspace td.wrap{white-space:normal;min-width:160px;max-width:360px;overflow-wrap:anywhere}.workspace .num{text-align:right}.workspace .empty{text-align:center;color:#888;padding:54px 20px}
.badge{display:inline-flex;border:1px solid #444;border-radius:5px;padding:3px 8px;font-size:11px;line-height:1.3;color:#ccc;white-space:nowrap}.badge.active,.badge.completed,.badge.consumed{background:#15291f;border-color:#2f5441;color:#9dc7ad}.badge.pending,.badge.reserved,.badge.queued,.badge.running,.badge.retrying{background:#2a2516;border-color:#51472e;color:#d9c686}.badge.suspended,.badge.failed{background:#2c1b1b;border-color:#5e3838;color:#e4a4a1}
.tabs{display:flex;gap:24px;border-bottom:1px solid #333;margin:12px 0 26px;overflow:auto}.tabs button{font-size:14px;white-space:nowrap;color:#999;padding:14px 0;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:#fff;border-color:#8fb5ed}
.field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#bbb;min-width:0}.workspace input,.workspace select,.workspace textarea{border:1px solid #414141;border-radius:8px;background:#161616;color:#f4f4f4;font:inherit;padding:11px 12px;min-height:44px;width:100%}.workspace input::placeholder,.workspace textarea::placeholder{color:#777}.workspace textarea{resize:vertical;min-height:86px}.form-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;padding:25px}.full{grid-column:1/-1}.search{display:flex;gap:10px;flex:1;max-width:460px}.search input{min-width:120px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:20px;color:#888;font-size:13px}
.link-button{color:#b2cff7;text-align:left;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;white-space:normal}.code{font-family:ui-monospace,monospace;font-size:11px;color:#939393}.positive{color:#99c4ad}.negative{color:#d4c3a8}
.detail-dialog{position:fixed;inset:0;margin:auto;width:min(800px,calc(100% - 32px));max-height:90vh;border:1px solid #424242;background:#101010;color:#eee;border-radius:16px;padding:0;overflow-y:auto}.detail-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.detail-dialog .workspace{padding:28px;width:100%}.detail-dialog .workspace-header{margin-bottom:18px;align-items:flex-start}.detail-dialog .workspace h1{font-size:23px;overflow-wrap:anywhere}.detail-dialog .metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}.detail-dialog .metric .value{font-size:24px}.detail-dialog .panel{margin-bottom:0}
.auth-message{font-size:14px;line-height:1.7;color:#b9bec7;min-height:24px;margin:16px 0;overflow-wrap:anywhere}.auth-message a{text-decoration:underline}.account-switch{margin-top:14px;text-decoration:underline;color:#a7b9d5;font-size:13px}.auth-btns[hidden],.workspace [hidden],[hidden].notice{display:none!important}
@media(max-width:720px){.workspace{padding:35px 20px 50px}.workspace-header{align-items:flex-start;flex-direction:column;gap:20px}.workspace h1{font-size:29px}.metrics{grid-template-columns:1fr;gap:12px}.metric{padding:22px}.metric .value{font-size:26px}.panel-head{padding:20px;flex-wrap:wrap}.workspace th,.workspace td{padding:14px 18px}.form-grid{grid-template-columns:1fr;padding:20px}.tabs{gap:22px}.detail-dialog .metrics{grid-template-columns:1fr}.detail-dialog .workspace{padding:20px}.detail-dialog .workspace-header{flex-direction:row}.toolbar{width:100%}}