:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202322;background:#f5f7f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f5f7f8;--surface: #ffffff;--surface-2: #edf1f2;--ink: #202322;--muted: #65706c;--line: #dce2e3;--line-strong: #c4ccce;--accent: #0f766e;--accent-strong: #115e59;--accent-soft: #dff3ef;--warning: #8a5a12;--warning-soft: #f6ead2;--danger: #b42318;--danger-soft: #f9dedb;--success: #237a3a;--success-soft: #def0e2;--shadow: 0 18px 45px rgb(26 34 32 / 8%);--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:linear-gradient(180deg,#ffffffb8,#fff0 280px),var(--bg)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}code{display:inline-block;max-width:100%;padding:3px 6px;overflow-wrap:anywhere;color:#39423f;background:#eef2f1;border:1px solid var(--line);border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:22px;background:#202622;color:#fbfaf5;border-right:1px solid rgb(255 255 255 / 8%)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:block;flex:0 0 36px;width:36px;height:36px;overflow:hidden;background:#fffffff0;border-radius:var(--radius)}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand strong,.brand span{display:block}.brand strong{font-size:1rem}.brand span{margin-top:2px;color:#b9c0bc;font-size:.78rem}.nav-list{display:grid;gap:6px;margin-top:34px}.nav-item{display:flex;align-items:center;min-height:42px;gap:10px;padding:0 12px;color:#d9d7ce;border:1px solid transparent;border-radius:var(--radius)}.nav-item:hover,.nav-item-active{color:#fff;background:#ffffff14;border-color:#ffffff1a}.sidebar-footer{display:grid;gap:14px;margin-top:auto;padding-top:22px;border-top:1px solid rgb(255 255 255 / 10%)}.user-chip{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center}.user-chip strong,.user-chip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip strong{font-size:.9rem}.user-chip span{color:#b9c0bc;font-size:.78rem}.avatar{display:grid;width:38px;height:38px;place-items:center;overflow:hidden;color:#252821;background:#e3efe9;border-radius:50%;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.logout-link{display:flex;align-items:center;gap:8px;min-height:34px;padding:0;color:#d6d3c8;background:transparent;border:0;cursor:pointer;font-size:.88rem;text-align:left}.main-shell{width:min(1180px,100%);padding:34px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{display:block;margin-bottom:8px;color:var(--accent-strong);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:2rem;line-height:1.15}h2{font-size:1rem;line-height:1.35}.page-header p,.panel-header p,.login-copy p{max-width:680px;margin-top:8px;color:var(--muted);line-height:1.55}.page-action{flex:0 0 auto}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card,.panel,.action-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card{display:grid;min-height:122px;align-content:space-between;padding:18px}.metric-icon,.list-row-icon{display:grid;width:34px;height:34px;place-items:center;color:var(--accent-strong);background:var(--accent-soft);border-radius:var(--radius)}.metric-card span{color:var(--muted);font-size:.84rem}.metric-card strong{font-size:1.8rem;line-height:1}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.action-tile{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:96px;padding:18px}.action-tile>svg:first-child{padding:9px;width:38px;height:38px;color:var(--accent-strong);background:var(--accent-soft);border-radius:var(--radius)}.action-tile strong,.action-tile span{display:block}.action-tile span{margin-top:4px;color:var(--muted);font-size:.88rem;line-height:1.4}.panel{padding:20px}.panel+.panel{margin-top:18px}.panel-header{margin-bottom:16px}.panel-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.button{padding:0 14px;font-weight:750}.button-primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.button-ghost{color:var(--ink);background:var(--surface)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.58}.icon-button{width:34px;height:34px;color:var(--muted);background:#fff}.icon-button:hover{color:var(--ink);border-color:var(--ink)}.icon-button.danger:hover{color:var(--danger);border-color:var(--danger)}.inline-form{display:grid;grid-template-columns:minmax(220px,1fr) 170px auto;gap:12px;align-items:end;margin-bottom:16px;padding:14px;background:#f8faf9;border:1px solid var(--line);border-radius:var(--radius)}label{display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:750}input,select{width:100%;height:38px;padding:0 11px;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius);outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e24}.secret-notice{display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,2fr) auto;gap:12px;align-items:center;margin-bottom:16px;padding:14px;background:var(--warning-soft);border:1px solid #e2c58d;border-radius:var(--radius)}.secret-notice strong,.secret-notice span{display:block}.secret-notice span{margin-top:3px;color:#6d5a3a;font-size:.86rem}.pairing-code-box{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:18px;background:#202622;color:#fff;border-radius:var(--radius)}.pairing-code-box span,.pairing-code-box p{color:#c2cbc7;font-size:.85rem}.pairing-code-box strong{display:block;margin-top:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:2rem;letter-spacing:.08em}.list-stack{display:grid;gap:8px}.list-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;padding:12px;background:#fbfcfc;border:1px solid var(--line);border-radius:var(--radius)}.list-row strong,.list-row span{display:block}.list-row span{margin-top:3px;color:var(--muted);font-size:.86rem}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}th,td{padding:13px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}th{color:#57564f;background:#f1f4f4;font-size:.76rem;font-weight:800;text-transform:uppercase}td{font-size:.9rem}tbody tr:last-child td{border-bottom:0}td strong,.muted-line{display:block}.muted-line{margin-top:4px;color:var(--muted);font-size:.78rem}.danger-text{color:var(--danger)}.table-action{width:54px;text-align:right}.status-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;white-space:nowrap;border:1px solid transparent;border-radius:999px;font-size:.76rem;font-weight:800}.status-sandbox,.status-queued,.status-pending{color:var(--warning);background:var(--warning-soft);border-color:#ebd19c}.status-production,.status-processing{color:#245f73;background:#dceff3;border-color:#b8dbe4}.status-active,.status-succeeded,.status-paired{color:var(--success);background:var(--success-soft);border-color:#b9dfc2}.status-revoked,.status-failed,.status-expired{color:var(--danger);background:var(--danger-soft);border-color:#efb5ae}.state-block,.full-page-state{display:flex;align-items:center;gap:10px;min-height:74px;padding:16px;color:var(--muted);background:#fbfcfc;border:1px dashed var(--line-strong);border-radius:var(--radius)}.state-block strong,.state-block span{display:block}.state-block strong{color:var(--ink)}.state-error{color:var(--danger);background:var(--danger-soft);border-color:#efb5ae}.full-page-state{justify-content:center;min-height:100vh;border:0;border-radius:0}.spinner{width:18px;height:18px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.login-page{display:grid;min-height:100vh;place-items:center;padding:28px}.login-panel{width:min(480px,100%);padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.login-brand{margin-bottom:34px}.login-copy{margin-bottom:24px}.login-copy h1{font-size:1.85rem}.login-button{width:100%}.login-note{display:flex;gap:8px;margin-top:16px;color:var(--muted);font-size:.86rem;line-height:1.45}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.nav-item{justify-content:center}.nav-item span,.sidebar-footer{display:none}.main-shell{padding:24px 16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form,.secret-notice{grid-template-columns:1fr}}@media(max-width:680px){.page-header,.panel-header-row,.pairing-code-box{align-items:stretch;flex-direction:column}h1{font-size:1.6rem}.metric-grid,.quick-actions{grid-template-columns:1fr}.action-tile{min-height:84px}.pairing-code-box strong{font-size:1.55rem}.list-row{grid-template-columns:38px minmax(0,1fr)}.list-row .status-badge{grid-column:2;justify-self:start}}