:root{--seance-100:#f0e9f6;--seance-200:#d3bde4;--seance-300:#a77aca;--seance-500:#6c22a6;--seance-700:#411464;--seance-800:#160721;--seance-900:#0b0311;--riptide:#96e9c6;--riptide-50:#eafbf4;--riptide-100:#e0f8ee;--riptide-150:#c9f2dd;--riptide-200:#78ba9e;--riptide-400:#5a8c77;--riptide-600:#3c5d4f;--riptide-800:#1e2f28;--manhattan-100:#fdf0e8;--manhattan-200:#fde9dd;--manhattan-300:#fbdbc7;--manhattan-500:#f7b68e;--manhattan-700:#c69272;--manhattan-900:#946d55;--scampi:#6962ad;--neptune:#83c0c1;--white:#fff;--bone:#fafafa;--off-white:#ebebeb;--grey-200:#ccc;--grey-400:#939393;--grey-600:#4d4d4d;--grey-800:#2a2a2a;--grey-900:#1a1a1a;--black:#000;--destructive:#de2c41;--destructive-text:#a72131;--pending:#f1ae40;--information:#2f78ee;--badge-brand:#d3bde4;--badge-red:#fadfe3;--sidebar-tint:#fdf5f5;--border-subtle:#eff1f5;--surface-row:#f8fafb;--badge-grey-bg:#eaedf2;--badge-grey-text:#555f75;--badge-amber-bg:#fdf3e2;--ds-bg-canvas:var(--white);--ds-bg-sidebar:var(--sidebar-tint);--ds-bg-surface:var(--white);--ds-bg-row:var(--surface-row);--ds-bg-subtle:var(--bone);--ds-bg-inverse:var(--grey-900);--ds-border:var(--border-subtle);--ds-border-strong:var(--off-white);--ds-border-focus:var(--seance-500);--ds-text:var(--grey-900);--ds-text-secondary:var(--grey-600);--ds-text-placeholder:var(--grey-400);--ds-text-inverse:var(--white);--ds-text-brand:var(--seance-700);--ds-text-link:var(--seance-500);--ds-brand:var(--seance-500);--ds-brand-hover:var(--seance-700);--ds-brand-soft:var(--seance-100);--ds-brand-soft-strong:var(--seance-200);--ds-brand-mid:var(--seance-300);--ds-positive-bg:var(--riptide-150);--ds-positive-text:var(--riptide-600);--ds-positive-dot:var(--riptide-200);--ds-warning-bg:var(--manhattan-200);--ds-warning-text:#755643;--ds-warning-dot:var(--manhattan-500);--ds-negative-bg:var(--badge-red);--ds-negative-text:var(--destructive-text);--ds-negative-dot:var(--destructive);--ds-neutral-bg:var(--badge-grey-bg);--ds-neutral-text:var(--badge-grey-text);--ds-neutral-dot:var(--grey-400);--ds-info-bg:#e8f0fd;--ds-info-text:#1f5fc4;--ds-amber-bg:var(--badge-amber-bg);--ds-amber-text:#8a5b14;--ds-env-production-line:var(--riptide);--ds-env-production-bg:var(--riptide);--ds-env-production-text:var(--riptide-800);--ds-env-sandbox-line:var(--destructive);--ds-env-sandbox-bg:var(--destructive);--ds-env-sandbox-text:var(--white);--ds-chart-1:var(--seance-500);--ds-chart-1-soft:var(--seance-300);--ds-chart-2:var(--manhattan-500);--ds-chart-3:var(--riptide);--ds-chart-4:var(--scampi);--ds-chart-5:var(--neptune);--ds-chart-grid:var(--border-subtle);--ds-chart-negative:var(--destructive);--ds-font:"Poppins", -apple-system, "Segoe UI", sans-serif;--ds-text-xs:11px;--ds-text-sm:12px;--ds-text-md:13px;--ds-text-base:14px;--ds-text-lg:16px;--ds-text-xl:20px;--ds-text-2xl:24px;--ds-text-3xl:32px;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-6:24px;--ds-space-8:32px;--ds-space-10:40px;--ds-radius-xs:4px;--ds-radius-sm:6px;--ds-radius-md:8px;--ds-radius-lg:12px;--ds-radius-xl:16px;--ds-radius-pill:999px;--ds-shadow-raised:0 1px 2px #1a1a1a0f;--ds-shadow-card:0 1px 2px #1c17260a, 0 1px 1px #1c172608;--ds-shadow-pop:0 12px 32px #3a0f5e24, 0 2px 8px #3a0f5e14;--ds-sidebar-width:256px;--ds-topbar-height:72px;--ds-content-max:1200px;--ds-content-pad:32px;--ds-grid-gap:24px;--purple-900:var(--seance-900);--purple-700:var(--seance-700);--purple:var(--seance-500);--purple-500:var(--seance-500);--purple-300:var(--seance-300);--purple-100:var(--seance-100);--peach:var(--manhattan-500);--peach-300:var(--manhattan-300);--peach-100:var(--manhattan-100);--peach-600:var(--destructive-text);--mint-700:var(--riptide-600);--mint-100:var(--riptide-100);--amber-700:var(--ds-warning-text);--amber-100:var(--manhattan-100);--red-700:var(--destructive-text);--red-100:var(--badge-red);--ink:var(--ds-text);--ink-soft:var(--ds-text-secondary);--ink-faint:var(--ds-text-secondary);--line:var(--ds-border);--line-soft:var(--ds-border);--surface:var(--ds-bg-surface);--surface-alt:var(--ds-bg-row);--bg:var(--ds-bg-canvas);--mono:var(--ds-font);--sans:var(--ds-font);--display:var(--ds-font);--body:var(--ds-font);--radius-lg:var(--ds-radius-lg);--radius-md:var(--ds-radius-md);--radius-sm:var(--ds-radius-sm);--shadow-card:var(--ds-shadow-card);--shadow-pop:var(--ds-shadow-pop)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--ds-bg-canvas);color:var(--ds-text);font-family:var(--ds-font);-webkit-font-smoothing:antialiased;font-size:var(--ds-text-base);margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--ds-font);color:var(--ds-text);text-wrap:balance;margin:0;font-weight:600}p{margin:0}a{color:inherit}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit}input,select,textarea{font-family:inherit}[hidden]{display:none!important}::selection{background:var(--ds-brand-soft)}:focus-visible{outline:2px solid var(--ds-border-focus);outline-offset:2px}.mono{font-family:var(--ds-font);font-variant-numeric:tabular-nums}.tnum{font-variant-numeric:tabular-nums}.text-secondary{color:var(--ds-text-secondary)}.jpc-mark{line-height:0;display:block}.jpc-mark svg{width:auto;height:28px;display:block}.tenant-mark{margin-top:12px;padding-left:1px;line-height:0;display:block}.tenant-mark svg{width:auto;height:14px;display:block}.tenant-mark-text{line-height:1.2;font-size:var(--ds-text-md);color:var(--ds-text-secondary);font-weight:500}.jpc-mark-lg{text-align:center;line-height:0;display:block}.jpc-mark-lg svg{width:auto;height:32px;display:inline-block}a.lockup-link{text-decoration:none;display:block}.auth-screen{background:radial-gradient(680px 420px at 18% -8%, var(--seance-100), transparent 60%), radial-gradient(600px 380px at 100% 10%, var(--riptide-50) 0%, transparent 55%), var(--ds-bg-canvas);justify-content:center;align-items:center;min-height:100%;padding:48px 20px;display:flex}.auth-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);width:100%;max-width:560px;box-shadow:var(--ds-shadow-pop);padding:36px 36px 30px}.auth-card .lockup{margin-bottom:26px}.auth-card h1{font-size:var(--ds-text-2xl)}.auth-card .sub{color:var(--ds-text-secondary);font-size:var(--ds-text-md);margin-top:6px}.alert{background:var(--ds-warning-bg);border:1px solid var(--manhattan-300);border-left:3px solid var(--ds-warning-dot);border-radius:var(--ds-radius-md);gap:11px;margin:20px 0 22px;padding:12px 14px;display:flex}.alert svg{color:var(--ds-warning-text);flex-shrink:0;margin-top:1px}.alert .t{font-weight:600;font-size:var(--ds-text-md);color:var(--ds-warning-text);margin-bottom:2px}.alert .d{font-size:var(--ds-text-md);color:var(--ds-warning-text);line-height:1.5}.alert.alert-error{background:var(--ds-negative-bg);border-color:var(--badge-red);border-left-color:var(--destructive)}.alert.alert-error svg,.alert.alert-error .t,.alert.alert-error .d{color:var(--ds-negative-text)}.alert.alert-info{background:var(--ds-info-bg);border-color:var(--ds-info-bg);border-left-color:var(--information)}.alert.alert-info svg,.alert.alert-info .t,.alert.alert-info .d{color:var(--ds-info-text)}.persona-table{border-collapse:collapse;width:100%}.persona-table thead th{text-align:left;font-size:var(--ds-text-sm);color:var(--ds-text-secondary);border-bottom:1px solid var(--ds-border);padding:0 10px 8px;font-weight:500}.persona-row{text-align:left;border:none;border-bottom:1px solid var(--ds-border);background:0 0;width:100%;display:table-row}.persona-row td{vertical-align:middle;padding:12px 10px}.persona-row:hover{background:var(--ds-bg-row)}.persona-row:last-child{border-bottom:none}.persona-who{align-items:center;gap:10px;display:flex}.avatar{background:var(--ds-brand);color:#fff;width:32px;height:32px;font-weight:600;font-size:var(--ds-text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.persona-name{font-weight:500;font-size:var(--ds-text-base)}.persona-email{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.persona-role,.persona-tenant{color:var(--ds-text-secondary)}.auth-form{flex-direction:column;gap:16px;margin-top:22px;display:flex}.auth-form .btn{justify-content:center;margin-top:6px}.auth-foot{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);text-align:center;margin-top:22px}.app-shell{min-height:100%;display:flex}.sidebar{width:var(--ds-sidebar-width);background:var(--ds-bg-sidebar);border-right:1px solid var(--ds-border);flex-direction:column;flex-shrink:0;height:100vh;padding:24px 16px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{padding:0 8px 28px}.nav-label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin:16px 0 8px;padding:0 12px;font-weight:500}.nav-label:first-of-type{margin-top:0}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-row{border-radius:var(--ds-radius-md);height:40px;color:var(--ds-text);font-size:var(--ds-text-base);align-items:center;gap:12px;padding:0 12px;font-weight:500;text-decoration:none;display:flex}.nav-row svg{color:var(--ds-text);flex-shrink:0}.nav-row:hover{background:#ffffffb3}.nav-row.active{background:var(--ds-bg-surface);box-shadow:var(--ds-shadow-raised)}.nav-row.active svg{color:var(--ds-brand)}.nav-row .nav-chevron{color:var(--ds-text-secondary);margin-left:auto}.sidebar-spacer{flex:1}.sidebar-profile{align-items:center;gap:12px;margin-top:8px;padding:12px 8px 4px;display:flex}.sidebar-profile .avatar{width:36px;height:36px}.sidebar-profile .info{flex:1;min-width:0}.sidebar-profile .name{font-size:var(--ds-text-base);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-profile .role{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-profile .signout{color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);background:0 0;border:none;flex-shrink:0;padding:6px;display:inline-flex}.sidebar-profile .signout:hover{color:var(--ds-text);background:#fffc}.sidebar-meta{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);border-top:1px solid var(--ds-border);margin-top:10px;padding:10px 8px 0;line-height:1.7}.sidebar-meta .sm-row{justify-content:space-between;gap:8px;display:flex}.sidebar-meta .sm-row .k{color:var(--ds-text-secondary)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--ds-topbar-height);background:var(--ds-bg-surface);padding:0 var(--ds-content-pad);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.topbar-search{align-items:center;width:min(320px,100%);display:flex;position:relative}.topbar-search .search-icon{color:var(--ds-text-secondary);pointer-events:none;position:absolute;left:14px}.topbar-search input[type=search],.topbar-search input[type=text]{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);width:100%;height:40px;font-size:var(--ds-text-base);background:var(--ds-bg-surface);color:var(--ds-text);padding:0 56px 0 40px}.topbar-search input::placeholder{color:var(--ds-text-placeholder)}.topbar-search input:focus{border-color:var(--ds-border-focus);outline:none}.kbd{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xs);background:var(--ds-bg-subtle);pointer-events:none;padding:1px 6px;font-family:inherit;position:absolute;right:10px}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--ds-radius-md);width:36px;height:36px;color:var(--ds-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:var(--ds-bg-row);color:var(--ds-text)}.icon-btn .dot{background:var(--destructive);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.env-switch{font-size:var(--ds-text-base);color:var(--ds-text);align-items:center;gap:10px;margin-right:8px;font-weight:500;display:inline-flex}.switch{border-radius:var(--ds-radius-pill);background:var(--grey-200);border:none;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .15s;position:relative}.switch:after{content:"";width:16px;height:16px;box-shadow:var(--ds-shadow-raised);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--ds-brand)}.switch.on:after{transform:translate(18px)}.switch:disabled{cursor:default}.env-line{z-index:4;flex-shrink:0;height:2px;position:relative}.env-line.sandbox{background:var(--ds-env-sandbox-line)}.env-line.production{background:var(--ds-env-production-line)}.env-pill{font-size:var(--ds-text-sm);border-radius:0 0 var(--ds-radius-xs) var(--ds-radius-xs);white-space:nowrap;padding:6px 10px;font-weight:500;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%)}.env-line.sandbox .env-pill{background:var(--ds-env-sandbox-bg);color:var(--ds-env-sandbox-text)}.env-line.production .env-pill{background:var(--ds-env-production-bg);color:var(--ds-env-production-text)}.crumb{font-weight:500}.badge-cluster{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);align-items:center;gap:8px;display:flex}.badge-cluster .pill{font-size:var(--ds-text-xs)}.content{padding:var(--ds-content-pad) var(--ds-content-pad) 48px;max-width:var(--ds-content-max);flex:1;width:100%;margin:0 auto}.page{display:block}.app-footer{padding:16px var(--ds-content-pad);border-top:1px solid var(--ds-border);font-size:var(--ds-text-md);color:var(--ds-text-secondary);background:var(--ds-bg-surface);flex-wrap:wrap;align-items:center;gap:24px;display:flex}.app-footer a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.app-footer a:hover{color:var(--ds-text)}.app-footer .foot-brand{margin-left:auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.page-head h1{font-size:var(--ds-text-lg);font-weight:600}.page-head .sub{color:var(--ds-text-secondary);font-size:var(--ds-text-md);max-width:640px;margin-top:4px;line-height:1.55}.head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.crumb-trail{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-bottom:6px}.page-toolbar{border-bottom:1px solid var(--ds-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.btn{border-radius:var(--ds-radius-md);height:36px;font-size:var(--ds-text-base);border:1px solid var(--ds-border);background:var(--ds-bg-surface);color:var(--ds-text);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--grey-200);background:var(--ds-bg-row)}.btn svg{flex-shrink:0}.btn-primary{background:var(--ds-brand);border-color:var(--ds-brand);color:#fff}.btn-primary:hover{background:var(--ds-brand-hover);border-color:var(--ds-brand-hover)}.btn-outline{border-color:var(--ds-brand);color:var(--ds-brand);background:0 0}.btn-outline:hover{background:var(--ds-brand-soft);border-color:var(--ds-brand-hover);color:var(--ds-brand-hover)}.btn-danger{background:var(--destructive);border-color:var(--destructive);color:#fff}.btn-danger:hover{background:var(--destructive-text);border-color:var(--destructive-text)}.btn-ghost{color:var(--ds-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--ds-bg-row);color:var(--ds-text);border-color:#0000}.btn-sm{height:32px;font-size:var(--ds-text-md);padding:0 12px}.btn-lg{height:44px;font-size:var(--ds-text-lg);padding:0 20px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:var(--ds-bg-surface);border-color:var(--ds-border)}.btn-primary:disabled:hover{background:var(--ds-brand);border-color:var(--ds-brand)}.btn-icn{flex-shrink:0}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-icn.spin{animation:.7s linear infinite btnSpin}.pill{font-size:var(--ds-text-sm);border-radius:var(--ds-radius-xs);white-space:nowrap;align-items:center;gap:6px;padding:3px 8px;font-weight:500;line-height:1.5;display:inline-flex}.pill:before{content:"";opacity:.9;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.pill.no-dot:before,.pill-sample:before{display:none}.pill svg{width:11px;height:11px}.pill-green{background:var(--ds-positive-bg);color:var(--ds-positive-text)}.pill-green:before{background:var(--ds-positive-dot)}.pill-amber,.pill-peach{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.pill-amber:before,.pill-peach:before{background:var(--ds-warning-dot)}.pill-red{background:var(--ds-negative-bg);color:var(--ds-negative-text)}.pill-red:before{background:var(--ds-negative-dot)}.pill-neutral{background:var(--ds-neutral-bg);color:var(--ds-neutral-text)}.pill-neutral:before{background:var(--ds-neutral-dot)}.pill-brand{background:var(--ds-brand-soft);color:var(--ds-text-brand)}.pill-brand:before{background:var(--ds-brand)}.pill-info{background:var(--ds-info-bg);color:var(--ds-info-text)}.pill-info:before{background:var(--information)}.pill-outline{border:1px dashed var(--grey-200);color:var(--ds-text);background:0 0}.pill-outline:before{display:none}.pill .pill-close{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:2px;padding:0;display:inline-flex}.stat-delta{font-size:var(--ds-text-sm);border-radius:var(--ds-radius-xs);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px 3px 6px;font-weight:500;line-height:1.4;display:inline-flex}.stat-delta svg{width:12px;height:12px}.stat-delta.up{background:var(--riptide-50);color:var(--ds-positive-text)}.stat-delta.down{background:var(--ds-negative-bg);color:var(--ds-negative-text)}.stat-delta.flat{background:var(--ds-amber-bg);color:var(--ds-amber-text)}.pill-sample{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);border:1px dashed var(--grey-200);border-radius:var(--ds-radius-xs);vertical-align:2px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-weight:500;display:inline-flex}.tab-pills{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tab-pill{background:var(--ds-bg-row);border-radius:var(--ds-radius-md);font-size:var(--ds-text-base);color:var(--ds-text);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:inline-flex}.tab-pill:hover{background:var(--off-white)}.tab-pill.active{background:var(--ds-brand);color:#fff}.tab-pill:disabled{color:var(--ds-text-placeholder);cursor:not-allowed}.tab-pill .tab-count{font-size:var(--ds-text-sm);opacity:.8;font-variant-numeric:tabular-nums;font-weight:500}.tab-text{font-size:var(--ds-text-base);color:var(--ds-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 2px;font-weight:500}.tab-text:hover{color:var(--ds-text)}.tab-text.active{color:var(--ds-brand);border-bottom-color:var(--ds-brand)}.tab-text.soft.active{background:var(--ds-brand-soft);border-radius:var(--ds-radius-sm);border-bottom-color:#0000;padding:8px 12px}.status-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.status-tab{background:var(--ds-bg-row);border-radius:var(--ds-radius-md);cursor:pointer;font-size:var(--ds-text-base);color:var(--ds-text);border:none;align-items:center;gap:8px;padding:8px 14px;font-weight:500;display:inline-flex}.status-tab:hover{background:var(--off-white)}.status-tab.active{background:var(--ds-brand);color:#fff}.status-tab .st-label{align-items:center;gap:8px;display:inline-flex}.status-tab .st-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-tab.active .st-dot{opacity:.85;background:#fff!important}.status-tab .st-count{font-size:var(--ds-text-sm);opacity:.75;font-variant-numeric:tabular-nums}.range-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.range-label{font-size:var(--ds-text-md);color:var(--ds-text-secondary)}.range-label b{color:var(--ds-text);font-weight:500}.range-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.range-presets{background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);align-items:center;gap:2px;padding:4px;display:flex}.range-pill{border-radius:var(--ds-radius-sm);font-size:var(--ds-text-base);color:var(--ds-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:inline-flex}.range-pill:hover{background:var(--ds-bg-row)}.range-pill.active{background:var(--ds-bg-inverse);color:var(--ds-text-inverse)}.range-custom-wrap{display:inline-flex;position:relative}.range-custom-btn{border-radius:var(--ds-radius-sm);font-size:var(--ds-text-base);color:var(--ds-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:inline-flex}.range-custom-btn:hover{background:var(--ds-bg-row)}.range-custom-btn.active{background:var(--ds-bg-inverse);color:var(--ds-text-inverse)}.range-calendar-backdrop{z-index:40;background:0 0;position:fixed;inset:0}.range-calendar-pop{z-index:41;background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);width:308px;box-shadow:var(--ds-shadow-pop);padding:16px;position:absolute;top:calc(100% + 10px);right:0}.cal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-head .cal-month{font-size:var(--ds-text-base);color:var(--ds-text);font-weight:600}.cal-nav{border-radius:var(--ds-radius-sm);width:28px;height:28px;color:var(--ds-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.cal-nav:hover{background:var(--ds-bg-row);color:var(--ds-text)}.cal-grid{grid-template-columns:repeat(7,1fr);row-gap:4px;display:grid}.cal-dow{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);text-align:center;padding-bottom:6px;font-weight:500}.cal-day{height:34px;font-size:var(--ds-text-md);color:var(--ds-text);cursor:pointer;border-radius:var(--ds-radius-pill);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.cal-day .cal-mtag{color:var(--ds-text-secondary);margin-top:1px;font-size:8px;line-height:1}.cal-day.muted{color:var(--ds-text-placeholder)}.cal-day.in-range{background:var(--ds-brand-soft);border-radius:0}.cal-day.range-start{border-top-left-radius:var(--ds-radius-pill);border-bottom-left-radius:var(--ds-radius-pill)}.cal-day.range-end{border-top-right-radius:var(--ds-radius-pill);border-bottom-right-radius:var(--ds-radius-pill)}.cal-day.range-start .cal-day-dot,.cal-day.range-end .cal-day-dot{background:var(--ds-brand);color:#fff;font-weight:600}.cal-day .cal-day-dot{border-radius:var(--ds-radius-pill);justify-content:center;align-items:center;width:26px;height:26px;display:flex}.cal-day:hover .cal-day-dot{background:var(--ds-bg-row)}.cal-day.range-start:hover .cal-day-dot,.cal-day.range-end:hover .cal-day-dot{background:var(--ds-brand-hover)}.cal-foot{border-top:1px solid var(--ds-border);justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.cal-foot .cal-hint{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.cal-foot .cal-actions{gap:8px;display:flex}.card,.stat-card,.chart-card,.detail-card,.form-card,.customer-block,.table-card,.state-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md)}.stat-row{gap:var(--ds-grid-gap);margin-bottom:var(--ds-grid-gap);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{padding:20px}.stat-card .label{font-size:var(--ds-text-md);color:var(--ds-text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-weight:500;display:flex}.stat-card .value{font-size:var(--ds-text-2xl);color:var(--ds-text);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2}.stat-card .cap{font-size:var(--ds-text-md);color:var(--ds-text-secondary);margin-top:8px}.stat-card .value-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-card .foot-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.stat-spark{width:100%;height:32px;margin-top:12px;display:block}.stat-card .value-accent{color:var(--ds-positive-text)}.stat-card .value-danger{color:var(--destructive)}.widget-grid{gap:var(--ds-grid-gap);grid-template-columns:repeat(3,1fr);margin-bottom:8px;display:grid}.widget-card{background:var(--ds-bg-surface);border:1px dashed var(--ds-brand-mid);border-radius:var(--ds-radius-md);flex-direction:column;min-height:140px;padding:20px;display:flex}.widget-card h4{font-size:var(--ds-text-base);margin-bottom:12px;font-weight:500}.widget-empty{color:var(--ds-text-secondary);text-align:center;font-size:var(--ds-text-sm);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.widget-empty svg{opacity:.55}.chart-row{gap:var(--ds-grid-gap);margin-bottom:var(--ds-grid-gap);grid-template-columns:2fr 1fr;display:grid}.chart-card{padding:20px}.chart-card h4{font-size:var(--ds-text-base);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;font-weight:500;display:flex}.chart-card .chart-sub{font-size:var(--ds-text-md);color:var(--ds-text-secondary);margin-bottom:16px}.chart-card .chart-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.chart-figure{font-size:var(--ds-text-xl);color:var(--ds-text);font-variant-numeric:tabular-nums;font-weight:600}.chart-legend{font-size:var(--ds-text-md);color:var(--ds-text-secondary);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:4px;display:flex}.chart-legend .lk{align-items:center;gap:6px;display:inline-flex}.chart-legend .lk .sw{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-legend .lk .ln{border-radius:2px;flex-shrink:0;width:12px;height:2px}.chart-wrap{position:relative}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-tip{pointer-events:none;z-index:5;background:var(--ds-bg-surface);color:var(--ds-text);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);box-shadow:var(--ds-shadow-pop);opacity:0;white-space:nowrap;padding:8px 10px;line-height:1.5;transition:opacity .1s;position:absolute;transform:translate(-50%,-100%)}.chart-tip.show{opacity:1}.chart-tip .tip-t{color:var(--ds-text);font-weight:600;font-size:var(--ds-text-sm);margin-bottom:4px}.chart-tip .tip-row{align-items:center;gap:6px;display:flex}.chart-tip .tip-row+.tip-row{margin-top:3px}.chart-tip .tip-key{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-tip .tip-val{font-variant-numeric:tabular-nums;margin-left:auto;padding-left:8px;font-weight:600}.seg-bar{background:var(--ds-bg-row);border-radius:6px;gap:2px;height:10px;margin:14px 0 16px;display:flex;overflow:hidden}.seg-bar .seg{min-width:3px;height:100%}.seg-legend{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.seg-legend .seg-item{flex-direction:column;gap:3px;display:flex}.seg-legend .seg-item .sk{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);align-items:center;gap:6px;font-weight:500;display:flex}.seg-legend .seg-item .sk .sw{border-radius:50%;flex-shrink:0;width:8px;height:8px}.seg-legend .seg-item .sv{font-size:var(--ds-text-md);color:var(--ds-text);font-variant-numeric:tabular-nums;padding-left:14px}.mini-list{flex-direction:column;gap:8px;display:flex}.mini-list-row{background:var(--ds-bg-row);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-base);align-items:center;gap:12px;padding:12px 16px;display:flex}.mini-list-row .ml-main{flex:1;min-width:0}.mini-list-row .ml-amt{color:var(--ds-text);font-variant-numeric:tabular-nums;font-weight:500}.mini-list-row .ml-sub{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-top:1px}.mini-list-foot{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);padding-top:12px}.progress{border-radius:var(--ds-radius-pill);background:var(--ds-bg-row);height:6px;overflow:hidden}.progress>span{border-radius:var(--ds-radius-pill);background:var(--ds-brand);height:100%;display:block}.section-divider{align-items:center;gap:12px;margin:32px 0 16px;display:flex}.section-divider span{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);white-space:nowrap;font-weight:500}.section-divider .line{background:var(--ds-border);flex:1;height:1px}.link-card-grid{gap:var(--ds-grid-gap);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.link-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);color:inherit;align-items:flex-start;gap:12px;padding:16px;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex}.link-card:hover{border-color:var(--ds-brand-mid);box-shadow:var(--ds-shadow-raised)}.link-card .li-icon{border-radius:var(--ds-radius-md);background:var(--ds-brand-soft);width:36px;height:36px;color:var(--ds-text-brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.link-card h4{font-size:var(--ds-text-base);margin-bottom:3px;font-weight:500}.link-card p{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);line-height:1.45}.info-strip{background:var(--ds-bg-row);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);font-size:var(--ds-text-md);color:var(--ds-text-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;display:flex}.info-strip .acct{color:var(--ds-text);font-variant-numeric:tabular-nums}.list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.customer-row-name{align-items:center;gap:10px;display:flex}.customer-row-name .meta{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-top:1px}.customer-block{margin-bottom:16px;padding:20px}.customer-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.customer-name{font-weight:600;font-size:var(--ds-text-base)}.customer-meta{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-top:1px}.method-list{border-top:1px solid var(--ds-border)}.method-row{border-bottom:1px solid var(--ds-border);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 2px;display:flex}.method-row:last-child{border-bottom:none}.method-main{flex:1;align-items:center;gap:9px;min-width:220px;display:flex}.method-type{font-size:var(--ds-text-md)}.method-meta{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);flex:2;min-width:200px}.customer-actions{border-top:1px solid var(--ds-border);flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:14px;display:flex}.method-option-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.method-option{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-bg-row);align-items:center;gap:12px;padding:12px 14px;display:flex}.method-option .mo-icon{border-radius:var(--ds-radius-md);background:var(--ds-brand-soft);width:36px;height:36px;color:var(--ds-text-brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.method-option .mo-text{flex:1;min-width:0}.method-option .mo-title{font-weight:500;font-size:var(--ds-text-base)}.method-option .mo-desc{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-top:1px;line-height:1.4}.method-option .btn{flex-shrink:0}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:680px}.table-scroll thead tr{background:var(--ds-bg-row)}.table-scroll th{text-align:left;font-size:var(--ds-text-sm);color:var(--ds-text-secondary);border-bottom:1px solid var(--ds-border);white-space:nowrap;padding:12px 16px;font-weight:500}.table-scroll th .th-sort{align-items:center;gap:6px;display:inline-flex}.table-scroll th .th-sort svg{opacity:.6}.table-scroll td{border-bottom:1px solid var(--ds-border);font-size:var(--ds-text-md);white-space:nowrap;vertical-align:middle;padding:16px}.table-scroll tbody tr:last-child td{border-bottom:none}.table-scroll tbody tr:hover{background:var(--ds-bg-subtle)}.table-scroll td.wrap{white-space:normal}.table-scroll td.actions{text-align:right}.table-scroll td.actions .icon-btn{width:32px;height:32px}.amt{font-variant-numeric:tabular-nums;font-weight:500}.amt-positive{color:var(--ds-positive-text)}.amt-warning{color:var(--ds-warning-text)}.amt-negative{color:var(--ds-negative-text)}.table-foot{font-size:var(--ds-text-md);color:var(--ds-text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.table-scroll.fit table{table-layout:fixed;min-width:0}.table-scroll.fit th,.table-scroll.fit td{font-size:var(--ds-text-sm);padding:10px 8px}.table-scroll.fit td.wrap{white-space:normal;line-height:1.5}.td-trunc{text-overflow:ellipsis;white-space:nowrap;max-width:1px;overflow:hidden}.checkbox{border:1px solid var(--grey-200);border-radius:var(--ds-radius-xs);background:var(--ds-bg-surface);vertical-align:middle;width:18px;height:18px;display:inline-block}.checkbox.checked{background:var(--ds-brand);border-color:var(--ds-brand)}.pager{align-items:center;gap:6px;display:flex}.pager-btn{color:var(--ds-text);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);height:32px;font-size:var(--ds-text-md);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 10px;font-weight:500;display:inline-flex}.pager-btn:hover{background:var(--ds-bg-row)}.pager-btn.pager-next{background:var(--ds-brand);border-color:var(--ds-brand);color:#fff;padding:0 12px 0 14px}.pager-btn.pager-next:hover{background:var(--ds-brand-hover);border-color:var(--ds-brand-hover)}.pager-btn:disabled{color:var(--ds-text-placeholder);cursor:not-allowed;border-color:var(--ds-border);background:0 0}.pager-btn.pager-next:disabled{background:var(--ds-bg-row);border-color:var(--ds-border);color:var(--ds-text-placeholder)}.pager-page{color:var(--ds-text);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);min-width:32px;height:32px;font-size:var(--ds-text-md);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;justify-content:center;align-items:center;padding:0 6px;font-weight:500;display:inline-flex}.pager-page:hover{background:var(--ds-bg-row)}.pager-page.current{background:var(--ds-bg-inverse);color:var(--ds-text-inverse);border-color:var(--ds-bg-inverse);cursor:default}.pager-gap{text-align:center;min-width:24px;color:var(--ds-text-secondary);font-size:var(--ds-text-md)}.detail-grid{gap:var(--ds-grid-gap);grid-template-columns:1fr 1fr;display:grid}.detail-card{padding:20px}.detail-card h3{font-size:var(--ds-text-base);margin-bottom:2px;font-weight:600}.sub-sm{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-bottom:14px}.kv-row{border-bottom:1px solid var(--ds-border);font-size:var(--ds-text-md);justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.kv-row:last-child{border-bottom:none}.kv-row .k{color:var(--ds-text-secondary);flex-shrink:0}.kv-row .v{text-align:right;align-items:center;gap:7px;min-width:0;display:flex}.kv-row .v.mono{font-size:var(--ds-text-sm)}.log-item{border-bottom:1px solid var(--ds-border);font-size:var(--ds-text-md);gap:10px;padding:10px 0;display:flex}.log-item:last-child{border-bottom:none}.log-item time{color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-variant-numeric:tabular-nums;flex-shrink:0;width:108px;padding-top:1px}.log-item .src{color:var(--ds-text-secondary);font-size:var(--ds-text-sm);flex-shrink:0;margin-left:auto}.dev-strip{background:var(--ds-bg-inverse);color:var(--off-white);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;display:flex}.form-card{max-width:640px;padding:20px 22px 22px}.form-card h3{font-size:var(--ds-text-lg);font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.form-field{font-size:var(--ds-text-md);flex-direction:column;gap:6px;display:flex}.form-field.span2{grid-column:1/-1}.form-field .k{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);font-weight:500}.form-field input[type=text],.form-field input[type=number],.form-field input[type=email],.form-field input[type=password],.form-field select,.input{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);height:40px;font-size:var(--ds-text-base);background:var(--ds-bg-surface);color:var(--ds-text);padding:0 12px;font-family:inherit}.form-field input::placeholder,.input::placeholder{color:var(--ds-text-placeholder)}.form-field input:focus,.form-field select:focus,.input:focus{border-color:var(--ds-border-focus);box-shadow:0 0 0 3px var(--ds-brand-soft);outline:none}.form-field .v{gap:8px;display:flex}.form-field .v input{flex:1}.form-field .hint{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);line-height:1.4}.amount-gbp{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);font-variant-numeric:tabular-nums;margin-top:1px}.search-field{align-items:center;display:flex;position:relative}.search-field .search-icon{color:var(--ds-text-secondary);pointer-events:none;position:absolute;left:12px}.search-field input[type=text]{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);height:36px;font-size:var(--ds-text-md);background:var(--ds-bg-surface);width:240px;color:var(--ds-text);padding:0 12px 0 34px}.search-field input[type=text]::placeholder{color:var(--ds-text-placeholder)}.search-field input[type=text]:focus{border-color:var(--ds-border-focus);outline:none}.filter-input{align-items:center;gap:8px;display:flex}.payload-toggle{border:1px solid var(--ds-border);color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);background:0 0;justify-content:center;align-items:center;padding:5px;display:inline-flex}.payload-toggle:hover{background:var(--ds-bg-row)}.payload-toggle svg{transition:transform .15s}.payload-toggle.open svg{transform:rotate(180deg)}.payload-row td{background:var(--ds-bg-row);padding:12px 16px}.payload-row pre{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.6}.err-text{color:var(--ds-negative-text);font-size:var(--ds-text-sm)}.link-btn{color:var(--ds-text-link);font:inherit;cursor:pointer;text-overflow:ellipsis;background:0 0;border:none;max-width:100%;padding:0;text-decoration:underline;overflow:hidden}.copy-btn{border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);background:0 0;flex-shrink:0;align-items:center;gap:6px;padding:5px 8px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.copy-btn:hover{background:var(--ds-bg-row)}.copy-btn .copy-label{font-size:var(--ds-text-sm);white-space:nowrap;font-weight:500}.copy-btn.copied{background:var(--ds-positive-bg);border-color:var(--riptide-150);color:var(--ds-positive-text)}.empty-state{background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:64px 24px;display:flex}.empty-icon{border-radius:var(--ds-radius-lg);background:var(--ds-brand-soft);width:52px;height:52px;color:var(--ds-text-brand);justify-content:center;align-items:center;margin-bottom:6px;display:flex}.empty-state h3{font-size:var(--ds-text-lg)}.empty-state p{font-size:var(--ds-text-md);color:var(--ds-text-secondary);max-width:380px}.overlay{opacity:0;pointer-events:none;z-index:20;cursor:pointer;background:#1a1a1a66;transition:opacity .18s;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto}.drawer{background:var(--ds-bg-surface);width:min(460px,92vw);height:100%;box-shadow:var(--ds-shadow-pop);z-index:21;flex-direction:column;transition:transform .22s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:flex-start;gap:10px;padding:20px 20px 16px;display:flex}.drawer-head h3{font-size:var(--ds-text-lg)}.drawer-head .sub{font-size:var(--ds-text-md);color:var(--ds-text-secondary);margin-top:3px}.drawer-close{color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);background:0 0;border:none;flex-shrink:0;padding:6px;display:inline-flex}.drawer-close:hover{background:var(--ds-bg-row);color:var(--ds-text)}.drawer-body{flex:1;padding:20px;overflow-y:auto}.drawer-section-title{font-size:var(--ds-text-md);margin-bottom:2px;font-weight:600}.drawer-foot{border-top:1px solid var(--ds-border);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.modal-overlay{opacity:0;pointer-events:none;z-index:30;background:#1a1a1a70;justify-content:center;align-items:center;padding:20px;transition:opacity .16s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-pop);opacity:0;width:100%;max-width:440px;padding:22px 24px 20px;transition:transform .18s,opacity .18s;transform:translateY(8px)scale(.98)}.modal-overlay.open .modal-card{opacity:1;transform:translateY(0)scale(1)}.modal-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.modal-head h3{font-size:var(--ds-text-lg)}.modal-close{color:var(--ds-text-secondary);border-radius:var(--ds-radius-sm);background:0 0;border:none;flex-shrink:0;padding:4px;display:inline-flex}.modal-close:hover{background:var(--ds-bg-row);color:var(--ds-text)}.modal-body p{font-size:var(--ds-text-md);color:var(--ds-text-secondary);margin-bottom:13px;line-height:1.55}.modal-linkbox{font-size:var(--ds-text-sm);background:var(--ds-bg-row);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);word-break:break-all;color:var(--ds-text);margin-bottom:13px;padding:11px 12px;line-height:1.5}.modal-foot{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.toast{opacity:0;pointer-events:none;background:var(--ds-bg-inverse);color:#fff;border-radius:var(--ds-radius-md);font-size:var(--ds-text-md);box-shadow:var(--ds-shadow-pop);z-index:40;align-items:center;gap:9px;max-width:calc(100vw - 32px);padding:11px 18px;font-weight:500;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(10px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast svg{flex-shrink:0}@media (min-width:861px){.page.auth-screen{min-height:100vh;display:flex}}@media (max-width:1100px){.stat-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.app-shell{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--ds-border);flex-direction:row;align-items:center;gap:4px;width:100%;height:auto;padding:10px 16px;position:static;overflow-x:auto}.sidebar-header,.sidebar-profile,.sidebar-meta,.nav-label,.sidebar-spacer{display:none}.sidebar-nav{flex-direction:row;gap:4px;display:flex}.nav-row{white-space:nowrap;margin-bottom:0}.topbar{padding:0 16px;top:0}.topbar-search{width:100%}.env-switch span,.badge-cluster{display:none}.content{padding:24px 16px 40px}.app-footer{padding:16px}.detail-grid,.form-grid,.widget-grid,.chart-row{grid-template-columns:1fr}.seg-legend{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.auth-card{padding:26px 20px}.method-row{flex-direction:column;align-items:flex-start;gap:6px}.method-option{flex-wrap:wrap}.method-option .btn{justify-content:center;width:100%}.stat-row,.seg-legend{grid-template-columns:1fr}}.hosted-screen{align-items:start}.hosted-card{width:min(100%,560px)}.hosted-panel{border-block:1px solid var(--ds-border);margin-block:24px;padding-block:16px}.hosted-panel h1{font-size:24px;line-height:1.3}.hosted-panel p{line-height:1.6}.hosted-panel form{gap:16px;display:grid}.hosted-panel .alert p{margin:0}.checkout-card{text-align:left}.checkout-card .jpc-mark-lg{margin-bottom:8px}.checkout-logo{max-width:160px;max-height:40px;margin-bottom:8px;display:block}.checkout-card h1[data-testid=checkout-amount]{font-size:var(--ds-text-2xl);margin-block:4px 8px}.checkout-card h1:focus,.checkout-card [tabindex="-1"]:focus{outline:none}.checkout-card [tabindex="-1"]:focus-visible{outline:2px solid var(--ds-brand);outline-offset:2px}.checkout-card .alert{margin:0}.checkout-summary{grid-template-columns:max-content 1fr;gap:4px 16px;margin:16px 0 0;display:grid}.checkout-summary dt{color:var(--ds-text-secondary)}.checkout-summary dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.paylink-form{margin-top:var(--ds-space-4)}.checkout-legal{color:var(--ds-text-secondary);margin-top:16px}.checkout-legal a{color:var(--ds-text-brand)}@media (prefers-reduced-motion:reduce){.checkout-card *,.checkout-card :before,.checkout-card :after{transition:none!important;animation:none!important}}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:60;background:var(--surface);color:var(--purple-700);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);padding:9px 14px;font-size:13px;font-weight:600;transition:top .14s;position:absolute;top:-64px;left:12px}.skip-link:focus-visible{top:12px}.state-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:18px}.skeleton-list{flex-direction:column;gap:12px;display:flex}.skeleton-row{background:linear-gradient(90deg, var(--line-soft) 25%, var(--off-white) 37%, var(--line-soft) 63%);background-size:400% 100%;border-radius:999px;height:14px;animation:1.4s infinite skeleton-shimmer}.skeleton-row:nth-child(2n){width:82%}.skeleton-row:nth-child(3n){width:64%}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton-row,.btn-icn.spin{animation:none}}.error-state .empty-icon.error{background:var(--red-100);color:var(--red-700)}.error-state h3{color:var(--ink)}.inline-note{color:var(--ink-soft);align-items:center;gap:7px;margin-bottom:12px;font-size:12px;display:flex}.sidebar-meta .sm-row .origin-mock{color:var(--amber-700);font-weight:600}.sidebar-meta .sm-row .origin-api{color:var(--mint-700);font-weight:600}.table-empty-cell{color:var(--ink-faint)}.ds-section{margin-bottom:8px}.ds-section .section-divider span:first-child{font-size:var(--ds-text-lg);color:var(--ds-text);font-weight:600}.ds-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ds-ramp{margin-bottom:20px}.ds-ramp-name{font-size:var(--ds-text-md);margin-bottom:10px;font-weight:500}.ds-swatches{flex-wrap:wrap;gap:12px;display:flex}.ds-swatch{width:84px;font-size:var(--ds-text-xs);flex-direction:column;align-items:center;gap:4px;display:flex}.ds-swatch-fill{border:1px solid var(--ds-border);border-radius:50%;width:56px;height:56px;display:block}.ds-swatch-fill.small{border-radius:var(--ds-radius-xs);flex-shrink:0;width:20px;height:20px}.ds-swatch-step{font-weight:500}.ds-swatch-hex{color:var(--ds-text-secondary);font-variant-numeric:tabular-nums}.ds-semantic{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px 24px;display:grid}.ds-semantic-row{font-size:var(--ds-text-md);align-items:center;gap:10px;display:flex}.ds-semantic-row code{font-size:var(--ds-text-sm);background:var(--ds-bg-row);border-radius:var(--ds-radius-xs);padding:2px 6px}.ds-type{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.ds-icons{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.ds-icon{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);font-size:var(--ds-text-xs);color:var(--ds-text-secondary);flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.ds-icon svg{color:var(--ds-text)}.ds-page .alert{margin:12px 0 0}