:root{--ink: #0c0a09;--ink-soft: #292524;--body: #4e4e4e;--muted: #777169;--muted-soft: #a8a29e;--hairline: #e7e5e4;--hairline-soft: #f0efed;--hairline-strong: #d6d3d1;--canvas: #f5f5f5;--canvas-soft: #fafafa;--surface: #ffffff;--surface-strong: #f0efed;--danger: #dc2626;--success: #16a34a;color:var(--ink);background:var(--canvas);font-family:Inter,Yu Gothic,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.auth-shell{align-items:center;background:var(--canvas);display:grid;min-height:100vh;padding:24px}.auth-panel{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;box-shadow:0 18px 42px #0c0a0914;display:grid;gap:18px;margin:0 auto;max-width:420px;padding:32px;width:min(100%,420px)}.auth-panel--error{border-color:#f3b8aa}.auth-panel h1,.page-header h1{color:var(--ink);font-family:Yu Mincho,Hiragino Mincho ProN,Times New Roman,serif;font-size:32px;font-weight:300;letter-spacing:0;line-height:1.2;margin:4px 0 0}.primary-button{background:var(--ink-soft);border:0;border-radius:999px;color:#fff;cursor:pointer;font-weight:500;min-height:42px;padding:10px 16px}.operator-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--canvas);border-right:1px solid var(--hairline);color:var(--ink);display:flex;flex-direction:column;gap:28px;padding:24px 18px}.brand-block{align-items:center;display:flex;gap:12px}.brand-block span:not(.brand-mark){color:var(--muted);display:block;font-size:12px;margin-top:2px}.brand-mark{align-items:center;background:var(--ink);border-radius:999px;color:#fff;display:grid;font-weight:900;height:36px;place-items:center;width:36px}.nav-list{display:grid;gap:6px}.nav-list a{border-radius:999px;color:var(--body);font-weight:500;padding:10px 14px;text-decoration:none}.nav-list a[aria-current=page]{background:var(--surface-strong);color:var(--ink)}.workspace{background:var(--canvas);min-width:0}.topbar{align-items:center;background:#f5f5f5eb;border-bottom:1px solid var(--hairline);display:flex;height:58px;justify-content:space-between;padding:0 24px}.route-label{color:var(--muted);font-size:13px;font-weight:500}.page-stack{display:grid;gap:20px;padding:28px}.page-header{align-items:center;display:flex;gap:20px;justify-content:space-between}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.eyebrow{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0;margin:0;text-transform:uppercase}.operator-chip{background:var(--surface);border:1px solid var(--hairline);border-radius:999px;color:var(--ink-soft);font-size:13px;font-weight:500;padding:8px 12px}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;box-shadow:none;display:grid;gap:8px;padding:18px}.metric-card span{color:var(--muted);font-size:13px;font-weight:500}.metric-card strong{color:var(--ink);font-family:Yu Mincho,Hiragino Mincho ProN,Times New Roman,serif;font-size:38px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1}.metric-card--ok{border-color:var(--hairline)}.metric-card--warn{border-color:var(--hairline-strong)}.metric-card--danger{border-color:#f1c7c7}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;overflow:hidden}.panel-header{align-items:center;border-bottom:1px solid var(--hairline-soft);display:flex;justify-content:space-between;padding:16px 18px}.panel-header h2{color:var(--ink);font-size:16px;font-weight:500;margin:0}.muted{color:var(--muted);font-size:12px}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-top:1px solid var(--hairline-soft);padding:12px 18px;text-align:left}.data-table th{background:var(--canvas-soft);color:var(--muted);font-size:12px;text-transform:uppercase}.numeric-cell{font-variant-numeric:tabular-nums;font-weight:600}.detail-panel{padding-bottom:18px}.detail-grid{display:grid;gap:8px 18px;grid-template-columns:max-content minmax(0,1fr);padding:18px}.detail-grid span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.detail-grid strong{color:var(--ink);overflow-wrap:anywhere}.token-box{border-top:1px solid var(--hairline-soft);display:grid;gap:8px;padding:18px}.token-box span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.token-box code{background:var(--canvas-soft);border:1px solid var(--hairline-soft);border-radius:8px;color:var(--ink);overflow-wrap:anywhere;padding:10px 12px}.raw-text-viewer{background:var(--canvas-soft);border:1px solid var(--hairline-soft);border-radius:8px;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.6;margin:0 18px 18px;max-height:460px;overflow:auto;padding:14px;white-space:pre-wrap;word-break:break-word}.empty-state{color:var(--muted);margin:0;padding:18px}.filter-row,.form-row,.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:16px 18px}.filter-row{border-bottom:1px solid var(--hairline-soft)}.filter-row label{color:var(--body);display:grid;font-size:12px;font-weight:800;gap:6px;text-transform:uppercase}.filter-row .wide-field{flex:1 1 320px}.filter-row input,.filter-row select,.form-row input{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:8px;color:var(--ink);min-height:38px;padding:8px 10px}.form-row input{min-width:min(100%,420px)}.link-button{background:transparent;border:0;color:var(--ink-soft);cursor:pointer;font-weight:600;padding:0;text-align:left}.cost-chart{display:grid;gap:12px;padding:18px}.cost-chart-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(120px,1fr) minmax(160px,4fr) 88px}.cost-chart-row span,.cost-chart-row strong{font-size:13px}.cost-chart-row strong{font-variant-numeric:tabular-nums;text-align:right}.cost-chart-track{background:var(--hairline-soft);border-radius:6px;height:12px;overflow:hidden}.cost-chart-bar{background:var(--ink-soft);height:100%}.cost-chart-bar--warn{background:#9a3412}.cost-chart-bar--danger{background:var(--danger)}.table-actions{border-top:1px solid var(--hairline-soft);justify-content:flex-end}.table-actions button{background:transparent;border:1px solid var(--hairline-strong);border-radius:999px;color:var(--ink);cursor:pointer;font-weight:500;min-height:36px;padding:7px 12px}.account-grid{display:grid;grid-template-columns:minmax(0,920px)}.account-profile-panel{padding:0}.gate-panel{display:grid;gap:18px;padding:18px}.clerk-profile-root{width:100%}.clerk-profile-card{border:0;box-shadow:none;width:100%}.status-badge{background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#9a3412;display:grid;font-size:12px;font-weight:600;gap:2px;padding:8px 12px}.status-badge span{color:#6c4a1f;font-weight:700}.status-badge--ok{background:#ecfdf5;border-color:#a7f3d0;color:var(--success)}.status-badge--ok span{color:var(--success)}.status-badge--danger{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.status-badge--danger span{color:#9f1239}@media(max-width:760px){.operator-shell{grid-template-columns:1fr}.sidebar{padding:16px}.metric-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}}
