:root{--signal-blue: #3F8CFF;--pure-white: #FFFFFF;--gray: #AFB3BB;--light-gray: #EAEDF0;--black: #000000;--card-surface:#0F1115;--footer: #1A1D23;--cta-blue: #3B82F6;--bg: var(--black);--panel: var(--card-surface);--panel-2: var(--footer);--border: #2a2e38;--text: var(--pure-white);--muted: var(--gray);--accent: var(--signal-blue);--accent-2: #6FA8FF;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--font-family: Arial, Helvetica, sans-serif;--fs-display: 80px;--fs-section: 54px;--fs-card: 30px;--fs-body: 18px;--fs-small: 16px;--fw-regular: 400;--fw-bold: 700;--cta-radius: 26px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--font-family);-webkit-font-smoothing:antialiased}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:8px 14px;border-radius:6px;transition:background .15s,border-color .15s}button:hover{background:var(--border)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--cta-blue);border-color:var(--cta-blue);color:var(--pure-white);border-radius:var(--cta-radius);padding:8px 18px;font-weight:var(--fw-bold)}button.primary:hover{background:var(--accent-2);border-color:var(--accent-2)}button.danger{background:transparent;border-color:var(--red);color:var(--red)}button.danger:hover{background:#ef44441a}input,select,textarea{font:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}label{display:block;margin:12px 0 4px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column}.sidebar h1{font-size:14px;margin:0 0 24px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.sidebar nav a{display:block;padding:8px 10px;border-radius:6px;color:var(--text);margin-bottom:4px}.sidebar nav a:hover{background:var(--panel-2);text-decoration:none}.sidebar nav a.active{background:var(--panel-2);color:var(--accent-2)}.sidebar .user{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.sidebar .user strong{color:var(--text);display:block}.content{padding:24px 32px;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h2{margin:0}.page-header .crumbs{font-size:12px;color:var(--muted);margin-bottom:4px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.panel h3{margin:0 0 12px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat{background:var(--panel-2);border-radius:6px;padding:12px}.stat .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat .value{font-size:22px;font-weight:600;margin-top:4px}.stat .sub{font-size:12px;color:var(--muted);margin-top:2px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}tr.clickable:hover{background:var(--panel-2);cursor:pointer}.status-pill{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.status-active{background:#10b98126;color:var(--green)}.status-pending{background:#f59e0b26;color:var(--amber)}.status-suspended_no_credits{background:#ef444426;color:var(--red)}.status-cancelled{background:var(--panel-2);color:var(--muted)}.delta-pos{color:var(--green)}.delta-neg{color:var(--red)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.login-page{display:grid;place-items:center;min-height:100vh}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:32px;width:360px}.login-card h1{margin:0 0 4px;font-size:18px}.login-card .sub{color:var(--muted);font-size:13px;margin-bottom:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100}.modal{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:24px;width:440px;max-width:90vw}.modal h3{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.error{color:var(--red);font-size:13px;margin-top:8px}.info{color:var(--accent-2);font-size:13px;margin-top:8px}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.row{display:flex;gap:12px;align-items:center}.row>*{flex:1}.filter-bar{display:flex;gap:8px;margin-bottom:12px;align-items:center}.filter-bar input,.filter-bar select{max-width:260px}pre.json{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:10px;font-size:11px;overflow-x:auto;max-height:240px;margin:0}.mock-badge{display:inline-block;background:#f59e0b26;color:var(--amber);font-size:11px;font-weight:500;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.04em}.range-chips{display:flex;gap:6px}.stat-grid-lg{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-grid-lg .stat{padding:16px}.stat-grid-lg .stat .value{font-size:26px}.last-seen-fresh{color:var(--green)}.last-seen-warm{color:var(--amber)}.last-seen-stale{color:var(--red);opacity:.8}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--text)}.sort-indicator{display:inline-block;min-width:12px;margin-left:4px;opacity:.75}.chip-count{display:inline-block;margin-left:6px;font-size:11px;opacity:.7}.ledger-filter{display:flex;gap:6px;flex-wrap:wrap}.h1-display{font-size:var(--fs-display);font-weight:var(--fw-regular);line-height:1.05;letter-spacing:-.02em;color:var(--pure-white)}.h2-section{font-size:var(--fs-section);font-weight:var(--fw-regular);line-height:1.1;letter-spacing:-.01em;color:var(--pure-white)}.h3-card{font-size:var(--fs-card);font-weight:var(--fw-regular);line-height:1.25;color:var(--pure-white)}.body-lg{font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:1.55}.body-bold{font-size:var(--fs-body);font-weight:var(--fw-bold);line-height:1.55}.body-small{font-size:var(--fs-small);font-weight:var(--fw-regular);line-height:1.55;color:var(--muted)}.pill-cta{display:inline-block;background:var(--cta-blue);color:var(--pure-white);font-weight:var(--fw-bold);padding:10px 22px;border-radius:var(--cta-radius);text-decoration:none;transition:background .15s}.pill-cta:hover{background:var(--accent-2);text-decoration:none}:root{--motion-fast: .15s;--motion-base: .2s;--motion-slow: .3s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--glow-accent: 0 0 0 1px rgba(63, 140, 255, .35), 0 0 18px -2px rgba(63, 140, 255, .45);--glow-accent-soft: 0 0 0 1px rgba(63, 140, 255, .2), 0 0 10px -2px rgba(63, 140, 255, .25)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus-visible,.pill-cta:focus-visible{outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--glow-accent-soft)}button:not(:disabled):active{transform:scale(.98);transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}tr.clickable:active{background:#3f8cff0f}.stat{transition:border-color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out);border:1px solid transparent}.stat:hover{border-color:#3f8cff2e;box-shadow:var(--glow-accent-soft);transform:translateY(-1px)}.stat .value,.delta-pos,.delta-neg,table td,.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.sidebar nav a{transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}tr.clickable{transition:background var(--motion-fast) var(--ease-out)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.stat:hover{transform:none}button:not(:disabled):active{transform:none}}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 4px 14px rgba(0,0,0,.5);--shadow-3: 0 12px 32px rgba(0,0,0,.55);--gradient-border: linear-gradient(135deg, rgba(63,140,255,.22), rgba(63,140,255,.04) 40%, rgba(255,255,255,.04));--gradient-hero: linear-gradient(135deg, rgba(63,140,255,.18), rgba(63,140,255,.04) 60%, rgba(108, 108, 255, .1));--gradient-accent: linear-gradient(135deg, var(--signal-blue), #6FA8FF);--layer-app: 0;--layer-sticky: 50;--layer-modal: 100;--sidebar-w: 248px}.layout{grid-template-columns:var(--sidebar-w) 1fr}.content{padding:28px 36px 48px;max-width:1440px}.sidebar{padding:22px 16px 16px;background:linear-gradient(180deg,#0b0d12 0%,var(--card-surface) 60%);border-right:1px solid rgba(255,255,255,.04)}.sidebar .brand-mark{display:flex;align-items:center;gap:10px;padding:4px 6px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar .brand-mark .brand-dot{width:10px;height:10px;border-radius:50%;background:var(--gradient-accent);box-shadow:0 0 12px #3f8cff99}.sidebar .brand-mark .brand-name{font-size:13px;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--pure-white)}.sidebar .brand-mark .brand-sub{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-left:auto}.sidebar .nav-section-label{font-size:10px;font-weight:var(--fw-bold);letter-spacing:.1em;text-transform:uppercase;color:#afb3bb8c;padding:12px 10px 6px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;position:relative;font-size:13px}.sidebar nav a .nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.7;transition:opacity var(--motion-fast)}.sidebar nav a:hover .nav-icon{opacity:1}.sidebar nav a.active{background:linear-gradient(90deg,#3f8cff29,#3f8cff0a);color:var(--pure-white);box-shadow:inset 0 0 0 1px #3f8cff2e}.sidebar nav a.active .nav-icon{opacity:1;color:var(--accent)}.sidebar nav a.active:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--gradient-accent);box-shadow:0 0 12px #3f8cff99}.sidebar .user{background:var(--footer);border-radius:var(--radius-md);padding:12px;border:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:8px}.sidebar .user-row{display:flex;align-items:center;gap:10px}.sidebar .user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-accent);display:grid;place-items:center;color:var(--pure-white);font-weight:var(--fw-bold);font-size:13px;flex-shrink:0}.sidebar .user-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar .user-meta strong{color:var(--pure-white);font-size:12px;font-weight:var(--fw-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .user-meta span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sidebar .signout-btn{width:100%;font-size:11px;padding:6px 10px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--muted)}.sidebar .signout-btn:hover{color:var(--text);border-color:#ffffff29;background:#ffffff05}.page-header-v2{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.05)}.page-header-v2 .header-left{min-width:0}.page-header-v2 h1{margin:0 0 4px;font-size:26px;font-weight:var(--fw-bold);letter-spacing:-.01em;color:var(--pure-white);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-header-v2 .crumbs{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.page-header-v2 .crumbs a{color:var(--muted)}.page-header-v2 .crumbs a:hover{color:var(--accent)}.page-header-v2 .subtitle{font-size:13px;color:var(--muted);margin-top:4px}.page-header-v2 .header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.panel-v2{position:relative;background:var(--card-surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-1);overflow:hidden}.panel-v2:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:var(--gradient-border);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}.panel-v2.is-hero:before{background:var(--gradient-hero);opacity:1}.panel-v2 .panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-v2 .panel-head h2{margin:0;font-size:14px;font-weight:var(--fw-bold);color:var(--pure-white);letter-spacing:0;text-transform:none}.panel-v2 .panel-head .panel-sub{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.bento{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.bento>.col-12{grid-column:span 12}.bento>.col-8{grid-column:span 8}.bento>.col-6{grid-column:span 6}.bento>.col-4{grid-column:span 4}.bento>.col-3{grid-column:span 3}@media (max-width: 900px){.bento>.col-8,.bento>.col-6,.bento>.col-4,.bento>.col-3{grid-column:span 12}}.hero-stat{position:relative;padding:24px;border-radius:var(--radius-lg);background:radial-gradient(circle at 0% 0%,rgba(63,140,255,.18),transparent 50%),var(--footer);border:1px solid rgba(63,140,255,.18);overflow:hidden}.hero-stat .hero-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.hero-stat .hero-value{font-size:44px;font-weight:var(--fw-bold);line-height:1.05;letter-spacing:-.02em;color:var(--pure-white);font-variant-numeric:tabular-nums}.hero-stat .hero-unit{font-size:14px;color:var(--muted);margin-left:6px;font-weight:var(--fw-regular)}.hero-stat .hero-meta{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}.hero-stat .hero-meta-item{display:flex;flex-direction:column;gap:2px;padding-right:14px;border-right:1px solid rgba(255,255,255,.06)}.hero-stat .hero-meta-item:last-child{border-right:none}.hero-stat .hero-meta-item .label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hero-stat .hero-meta-item .value{font-size:14px;font-weight:var(--fw-bold);color:var(--pure-white);font-variant-numeric:tabular-nums}.stat-card{position:relative;padding:16px;border-radius:var(--radius-md);background:var(--footer);border:1px solid rgba(255,255,255,.04);transition:border-color var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.stat-card:hover{transform:translateY(-2px);border-color:#3f8cff38;box-shadow:var(--glow-accent-soft),var(--shadow-2)}.stat-card .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;display:flex;align-items:center;gap:6px}.stat-card .label .label-icon{width:12px;height:12px;color:var(--accent)}.stat-card .value{font-size:24px;font-weight:var(--fw-bold);color:var(--pure-white);font-variant-numeric:tabular-nums;line-height:1.15}.stat-card .sub{font-size:11px;color:var(--muted);margin-top:4px}.stat-card .trend{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:var(--fw-bold);padding:2px 6px;border-radius:999px;margin-left:6px}.stat-card .trend.is-up{color:var(--green);background:#10b9811f}.stat-card .trend.is-down{color:var(--red);background:#ef44441f}.stat-card .trend.is-flat{color:var(--muted);background:#afb3bb1a}.pill-v2{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-size:11px;font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase}.pill-v2:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.pill-v2.is-active{color:var(--green);background:#10b9811a}.pill-v2.is-pending{color:var(--amber);background:#f59e0b1a}.pill-v2.is-suspended{color:var(--red);background:#ef44441a}.pill-v2.is-cancelled{color:var(--muted);background:#afb3bb14}.pill-v2.is-cancelled:before{box-shadow:none}.avatar-initials{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gradient-accent);color:var(--pure-white);font-weight:var(--fw-bold);font-size:12px;flex-shrink:0;letter-spacing:0;text-transform:uppercase}.avatar-initials.sm{width:24px;height:24px;font-size:10px}.avatar-initials.lg{width:40px;height:40px;font-size:14px}.table-v2{width:100%;border-collapse:separate;border-spacing:0}.table-v2 thead th{background:#ffffff05;padding:12px 14px;text-align:left;font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0}.table-v2 tbody td{padding:14px;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;vertical-align:middle}.table-v2 tbody tr:last-child td{border-bottom:none}.table-v2 tbody tr{transition:background var(--motion-fast) var(--ease-out)}.table-v2 tbody tr.clickable:hover{background:#3f8cff0a;cursor:pointer}.table-v2 tbody tr.clickable:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.table-v2 .cell-primary{font-weight:var(--fw-bold);color:var(--pure-white)}.table-v2 .cell-sub{color:var(--muted);font-size:11px;margin-top:2px}.table-v2 .num{text-align:right;font-variant-numeric:tabular-nums}.table-v2 .num strong{color:var(--pure-white);font-weight:var(--fw-bold)}.modal-backdrop{background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-3)}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text);border-radius:8px;padding:7px 14px;font-size:12px}.btn-ghost:hover{border-color:#3f8cff52;background:#3f8cff0f;color:var(--pure-white)}.btn-icon{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--muted)}.btn-icon:hover{color:var(--accent);border-color:#3f8cff52;background:#3f8cff0a}.chip-group{display:inline-flex;gap:4px;padding:4px;background:var(--footer);border:1px solid rgba(255,255,255,.05);border-radius:10px}.chip-group .chip{padding:6px 12px;font-size:12px;font-weight:var(--fw-bold);border-radius:7px;background:transparent;border:none;color:var(--muted);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast);display:inline-flex;align-items:center;gap:6px}.chip-group .chip:hover{color:var(--text)}.chip-group .chip.is-active{background:#3f8cff26;color:var(--pure-white);box-shadow:inset 0 0 0 1px #3f8cff40}.chip-group .chip .chip-count{font-size:10px;padding:1px 6px;background:#ffffff14;border-radius:999px;opacity:.85;font-variant-numeric:tabular-nums}.chip-group .chip.is-active .chip-count{background:#3f8cff4d}.empty-v2{padding:48px 24px;text-align:center;color:var(--muted)}.empty-v2 .empty-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:#3f8cff14;display:grid;place-items:center;color:var(--accent)}.empty-v2 h3{margin:0 0 6px;color:var(--pure-white);font-size:15px;font-weight:var(--fw-bold);text-transform:none;letter-spacing:0}.empty-v2 p{font-size:13px;line-height:1.5;max-width:380px;margin:0 auto}.login-page{background:radial-gradient(circle at 20% 30%,rgba(63,140,255,.1),transparent 50%),radial-gradient(circle at 80% 70%,rgba(108,108,255,.08),transparent 50%),var(--bg)}.login-card{background:var(--card-surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:36px 32px;width:380px;box-shadow:var(--shadow-3);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:var(--gradient-hero);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.login-card .login-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.login-card .login-brand .brand-dot{width:28px;height:28px;border-radius:8px;background:var(--gradient-accent);display:grid;place-items:center;color:var(--pure-white);font-weight:var(--fw-bold);font-size:14px;box-shadow:0 0 18px #3f8cff80}.login-card h1{margin:0;font-size:18px;font-weight:var(--fw-bold);color:var(--pure-white)}.login-card .sub{color:var(--muted);font-size:13px;margin-bottom:24px}.login-card label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 6px}.ledger-amount{font-variant-numeric:tabular-nums;font-weight:var(--fw-bold)}.ledger-amount.is-pos{color:var(--green)}.ledger-amount.is-neg{color:var(--red)}.ledger-reason{display:inline-block;padding:2px 8px;border-radius:6px;background:#ffffff0a;font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.ledger-reason.is-tier{color:var(--accent);background:#3f8cff1a}.ledger-reason.is-usage{color:var(--amber);background:#f59e0b14}.ledger-reason.is-manual{color:var(--green);background:#10b9811a}.vps-picker{margin-bottom:20px}.vps-picker .vps-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.vps-picker .vps-picker-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.vps-picker .vps-picker-title .vps-count{padding:2px 8px;background:#ffffff0f;border-radius:999px;color:var(--pure-white);font-variant-numeric:tabular-nums;font-size:10px}.vps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.vps-list.is-scrolling{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.vps-list.is-scrolling .vps-card{min-width:220px;scroll-snap-align:start}.vps-card{position:relative;text-align:left;background:var(--card-surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:border-color var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),background var(--motion-base) var(--ease-out)}.vps-card:hover{transform:translateY(-2px);border-color:#3f8cff38;box-shadow:var(--glow-accent-soft)}.vps-card.is-active{border-color:#3f8cff80;background:linear-gradient(180deg,rgba(63,140,255,.08),var(--card-surface) 60%);box-shadow:var(--glow-accent)}.vps-card.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #3f8cff66}.vps-card .vps-card-head{display:flex;align-items:center;gap:10px}.vps-card .vps-card-meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.vps-card .vps-slug{font-size:14px;font-weight:var(--fw-bold);color:var(--pure-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vps-card .vps-owner{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vps-card .vps-card-stats{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04)}.vps-card .vps-balance{font-size:16px;font-weight:var(--fw-bold);color:var(--pure-white);font-variant-numeric:tabular-nums}.vps-card .vps-balance-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.vps-card .vps-last-seen{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.vps-card .vps-last-seen-dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.vps-card .vps-last-seen-dot.is-fresh{background:var(--green);box-shadow:0 0 6px var(--green)}.vps-card .vps-last-seen-dot.is-warm{background:var(--amber)}.vps-card .vps-last-seen-dot.is-cold{background:var(--red)}.vps-card .vps-recent-badge{position:absolute;top:-6px;right:10px;background:var(--gradient-accent);color:var(--pure-white);font-size:9px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:999px;box-shadow:0 4px 14px #3f8cff66}.activity-stream{display:flex;flex-direction:column;gap:2px;margin-top:4px}.activity-item{display:flex;gap:14px;align-items:flex-start;padding:10px 4px;position:relative;border-bottom:1px solid rgba(255,255,255,.04)}.activity-item:last-child{border-bottom:none}.activity-item .activity-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#3f8cff1a;color:var(--accent);border:1px solid rgba(63,140,255,.15)}.activity-item .activity-icon.is-call{background:#3f8cff1a;color:var(--accent);border-color:#3f8cff2e}.activity-item .activity-icon.is-lead{background:#10b9811a;color:var(--green);border-color:#10b9812e}.activity-item .activity-icon.is-meeting{background:#a855f71a;color:#c084fc;border-color:#a855f733}.activity-item .activity-icon.is-email{background:#f59e0b1a;color:var(--amber);border-color:#f59e0b2e}.activity-item .activity-icon.is-sms{background:#6c6cff1a;color:#9090ff;border-color:#6c6cff2e}.activity-item .activity-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.activity-item .activity-title{font-size:13px;color:var(--pure-white);font-weight:var(--fw-bold);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activity-item .activity-meta{font-size:11px;color:var(--muted)}.activity-item .activity-time{flex-shrink:0;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.search-input{position:relative;flex:1;max-width:320px}.search-input input{padding-left:34px;background:var(--footer);border:1px solid rgba(255,255,255,.06)}.search-input .search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;width:14px;height:14px}.search-input input:focus+.search-icon,.search-input input:focus~.search-icon{color:var(--accent)}.filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.stat-mini{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--footer);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);transition:border-color var(--motion-base) var(--ease-out)}.stat-mini:hover{border-color:#3f8cff2e}.stat-mini .stat-mini-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(255,255,255,.04)}.stat-mini .stat-mini-icon.is-blue{background:#3f8cff1a;color:var(--accent);border-color:#3f8cff2e}.stat-mini .stat-mini-icon.is-amber{background:#f59e0b1a;color:var(--amber);border-color:#f59e0b2e}.stat-mini .stat-mini-icon.is-green{background:#10b9811a;color:var(--green);border-color:#10b9812e}.stat-mini .stat-mini-icon.is-red{background:#ef44441a;color:var(--red);border-color:#ef44442e}.stat-mini .stat-mini-icon.is-violet{background:#a855f71a;color:#c084fc;border-color:#a855f733}.stat-mini .stat-mini-icon.is-grey{background:#afb3bb14;color:var(--muted);border-color:#afb3bb24}.stat-mini .stat-mini-body{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-mini .stat-mini-label{font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat-mini .stat-mini-value{font-size:22px;font-weight:var(--fw-bold);color:var(--pure-white);line-height:1.1;font-variant-numeric:tabular-nums}.stat-mini .stat-mini-sub{font-size:11px;color:var(--muted)}.audit-kind{display:inline-block;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#ffffff0a;color:var(--muted)}.audit-kind.k-stripe_webhook{color:var(--accent);background:#3f8cff1a}.audit-kind.k-credit_grant{color:var(--green);background:#10b9811a}.audit-kind.k-admin_action{color:#c084fc;background:#a855f71a}.audit-kind.k-client_push{color:#9090ff;background:#6c6cff1a}.audit-kind.k-push_failed{color:var(--amber);background:#f59e0b1a}.audit-kind.k-push_failed_permanent{color:var(--red);background:#ef44441a}.audit-kind.k-auto_reload_triggered{color:var(--green);background:#10b9811a}.audit-kind.k-auto_reload_failed{color:var(--red);background:#ef44441a}.audit-kind.k-auth{color:var(--muted);background:#afb3bb1a}.audit-actor{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.audit-actor .audit-actor-icon{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:10px;font-weight:var(--fw-bold);background:#ffffff0d;color:var(--muted);flex-shrink:0}.audit-actor .audit-actor-icon.is-stripe{background:#635bff26;color:#948bff}.audit-actor .audit-actor-icon.is-system{background:#afb3bb1a;color:var(--muted)}.audit-actor .audit-actor-icon.is-user{background:#3f8cff26;color:var(--accent)}.audit-actor .audit-actor-icon.is-client{background:#a855f726;color:#c084fc}.audit-meta-toggle{display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--muted);padding:4px 10px;font-size:11px;font-weight:var(--fw-bold);border-radius:6px;cursor:pointer;white-space:nowrap}.audit-meta-toggle:hover{color:var(--accent);border-color:#3f8cff52}.audit-meta-toggle.is-open{color:var(--accent);border-color:#3f8cff52;background:#3f8cff14}.audit-row-open td{background:#3f8cff0a;border-bottom-color:transparent!important}.audit-meta-row>td{background:#3f8cff08;padding:0!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.audit-meta-panel{position:relative;padding:14px 18px 16px 22px;border-left:3px solid var(--accent);background:linear-gradient(180deg,rgba(63,140,255,.06),transparent 60%)}.audit-meta-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px;flex-wrap:wrap}.audit-meta-head-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.audit-meta-head-meta{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);flex-wrap:wrap;min-width:0}.audit-meta-head-meta .mono{color:var(--text);word-break:break-all}.audit-meta-drawer{margin:0;background:var(--bg);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.55;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--text)}.thread-bubble{padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-width:88%}.thread-bubble.from-customer{align-self:flex-start;background:#a855f714;border:1px solid rgba(168,85,247,.18);border-top-left-radius:4px}.thread-bubble.from-operator{align-self:flex-end;background:#3f8cff1a;border:1px solid rgba(63,140,255,.22);border-top-right-radius:4px}.thread-bubble .thread-meta{font-size:10px;color:var(--muted);margin-bottom:4px;display:flex;align-items:center;gap:6px}.thread-bubble .thread-author{color:var(--pure-white);font-weight:var(--fw-bold)}.support-workspace-cell{display:inline-flex;align-items:center;gap:8px}.support-workspace-cell .mono{font-size:12px;color:var(--accent)}.health-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 8px;border-radius:999px;font-size:12px;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;background:#ffffff0a;color:var(--text);border:1px solid transparent}.health-chip .health-chip-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.health-chip.is-green{color:var(--green);background:#10b9811a;border-color:#10b9812e}.health-chip.is-amber{color:var(--amber);background:#f59e0b1a;border-color:#f59e0b2e}.health-chip.is-red{color:var(--red);background:#ef44441a;border-color:#ef44442e}.cinari-wordmark{display:block;height:24px;width:auto;color:var(--pure-white)}.cinari-wordmark.sm{height:18px}.cinari-wordmark.lg{height:56px}.cinari-wordmark text{fill:none;stroke:currentColor;stroke-width:1.4;font-family:Helvetica Neue,Arial,sans-serif;font-weight:100;letter-spacing:.18em}.cinari-wordmark.lg text{stroke-width:1.2}.cinari-logo{display:block;height:24px;width:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast}.cinari-logo.sm{height:18px}.cinari-logo.lg{height:56px}.dash-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(800px circle at 15% 20%,rgba(63,140,255,.1),transparent 50%),radial-gradient(700px circle at 85% 80%,rgba(108,108,255,.08),transparent 55%),radial-gradient(500px circle at 50% 110%,rgba(168,85,247,.06),transparent 50%);animation:dash-drift 24s ease-in-out infinite alternate}@keyframes dash-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(-20px,15px) scale(1.04)}to{transform:translate(15px,-10px) scale(.98)}}.dash-content{position:relative;z-index:1}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 50%}to{background-position:200% 50%}}@keyframes pulse-ring{0%{box-shadow:0 0 #3f8cff73,var(--glow-accent)}70%{box-shadow:0 0 0 10px #3f8cff00,var(--glow-accent)}to{box-shadow:0 0 #3f8cff00,var(--glow-accent)}}@keyframes glow-breathe{0%,to{box-shadow:0 4px 14px #3f8cff59}50%{box-shadow:0 4px 22px #3f8cffa6}}.stat-card,.stat-mini,.vps-card{animation:fade-in-up .45s var(--ease-out) backwards}.bento>*:nth-child(1){animation-delay:0s}.bento>*:nth-child(2){animation-delay:.04s}.bento>*:nth-child(3){animation-delay:.08s}.bento>*:nth-child(4){animation-delay:.12s}.bento>*:nth-child(5){animation-delay:.16s}.bento>*:nth-child(6){animation-delay:.2s}.bento>*:nth-child(7){animation-delay:.24s}.bento>*:nth-child(8){animation-delay:.28s}.bento>*:nth-child(9){animation-delay:.32s}.bento>*:nth-child(10){animation-delay:.36s}.stat-card:hover{transform:translateY(-3px) scale(1.012)}.stat-mini:hover{transform:translateY(-2px);border-color:#3f8cff47;box-shadow:var(--glow-accent-soft)}.hero-stat{overflow:hidden}.hero-stat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0%,transparent 35%,rgba(63,140,255,.12) 50%,transparent 65%,transparent 100%);background-size:200% 100%;pointer-events:none;animation:shimmer 6s linear infinite;mix-blend-mode:screen}.hero-stat .hero-value{background:linear-gradient(90deg,var(--pure-white) 0%,#BCD4FF 50%,var(--pure-white) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shimmer 8s linear infinite}.vps-list{animation:none}.vps-list>*:nth-child(1){animation-delay:0s}.vps-list>*:nth-child(2){animation-delay:.03s}.vps-list>*:nth-child(3){animation-delay:.06s}.vps-list>*:nth-child(4){animation-delay:.09s}.vps-list>*:nth-child(5){animation-delay:.12s}.vps-list>*:nth-child(6){animation-delay:.15s}.vps-list>*:nth-child(7){animation-delay:.18s}.vps-list>*:nth-child(8){animation-delay:.21s}.vps-list>*:nth-child(9){animation-delay:.24s}.vps-list>*:nth-child(10){animation-delay:.27s}.vps-list>*:nth-child(11){animation-delay:.3s}.vps-card{transition:transform .25s var(--ease-out),border-color .25s var(--ease-out),box-shadow .25s var(--ease-out),background .25s var(--ease-out)}.vps-card:hover{transform:translateY(-3px) scale(1.015)}.vps-card.is-active{animation:pulse-ring 2.4s ease-out infinite}.vps-card .vps-recent-badge{animation:glow-breathe 2.6s ease-in-out infinite}.activity-stream .activity-item{animation:fade-in-left .4s var(--ease-out) backwards}.activity-stream .activity-item:nth-child(1){animation-delay:0s}.activity-stream .activity-item:nth-child(2){animation-delay:.05s}.activity-stream .activity-item:nth-child(3){animation-delay:.1s}.activity-stream .activity-item:nth-child(4){animation-delay:.15s}.activity-stream .activity-item:nth-child(5){animation-delay:.2s}.activity-stream .activity-item:nth-child(6){animation-delay:.25s}.activity-stream .activity-item:nth-child(7){animation-delay:.3s}.activity-stream .activity-item:nth-child(8){animation-delay:.35s}.activity-item{transition:background .2s var(--ease-out);cursor:default;border-radius:8px;margin:0 -8px;padding-left:12px;padding-right:12px}.activity-item:hover{background:#3f8cff0a}.activity-item:hover .activity-icon{transform:scale(1.08);transition:transform .2s var(--ease-out)}.chip-group .chip{position:relative;transition:color .18s,transform .18s var(--ease-out)}.chip-group .chip:active:not(:disabled){transform:scale(.96)}.chip-group .chip.is-active{animation:chip-pop .3s var(--ease-out)}@keyframes chip-pop{0%{transform:scale(.94)}60%{transform:scale(1.04)}to{transform:scale(1)}}.stat-card .trend{animation:fade-in-up .35s var(--ease-out) .15s backwards}.mock-badge{animation:glow-breathe 3s ease-in-out infinite}.page-header-v2 h1{animation:fade-in-up .4s var(--ease-out) backwards}.page-header-v2 .subtitle{animation:fade-in-up .4s var(--ease-out) .05s backwards}@media (prefers-reduced-motion: reduce){.dash-ambient{animation:none}.hero-stat:after{animation:none;opacity:0}.hero-stat .hero-value{animation:none;background:none;-webkit-text-fill-color:var(--pure-white)}.vps-card.is-active,.vps-card .vps-recent-badge,.mock-badge{animation:none}.stat-card,.stat-mini,.vps-card,.activity-item,.page-header-v2 h1,.page-header-v2 .subtitle,.stat-card .trend{animation:none!important}.stat-card:hover,.stat-mini:hover,.vps-card:hover{transform:none}}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.tour-overlay>*{pointer-events:auto}.tour-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fade-in-up .25s ease-out}.tour-spotlight{position:fixed;border-radius:12px;background:transparent;box-shadow:0 0 0 9999px #000000b3;transition:top .3s var(--ease-out),left .3s var(--ease-out),width .3s var(--ease-out),height .3s var(--ease-out);pointer-events:none}.tour-spotlight:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;border:2px solid rgba(63,140,255,.5);box-shadow:0 0 24px #3f8cff80,inset 0 0 12px #3f8cff2e;animation:tour-spotlight-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes tour-spotlight-pulse{0%,to{box-shadow:0 0 24px #3f8cff80,inset 0 0 12px #3f8cff2e}50%{box-shadow:0 0 36px #3f8cffbf,inset 0 0 18px #3f8cff47}}.tour-popover{position:fixed;background:var(--card-surface);border:1px solid rgba(63,140,255,.28);border-radius:var(--radius-lg);box-shadow:0 24px 60px #0009,0 0 0 1px #3f8cff1f;padding:20px 22px 18px;max-width:92vw;animation:fade-in-up .28s var(--ease-out);overflow:hidden}.tour-popover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:var(--gradient-hero);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.8}.tour-step-indicator{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.tour-step-dots{display:flex;gap:5px}.tour-step-dot{width:18px;height:4px;border-radius:999px;background:#ffffff14;transition:background .2s,width .2s}.tour-step-dot.is-done{background:#3f8cff73}.tour-step-dot.is-active{background:var(--accent);width:28px;box-shadow:0 0 8px #3f8cff99}.tour-step-counter{font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}.tour-title{margin:0 0 8px;font-size:18px;font-weight:var(--fw-bold);color:var(--pure-white);letter-spacing:-.01em;text-transform:none}.tour-body{margin:0;font-size:13.5px;line-height:1.55;color:var(--text)}.tour-actions{display:flex;align-items:center;gap:8px;margin-top:18px}.tour-actions .btn-ghost{font-size:12px}.tour-actions .primary{font-size:13px;padding:9px 16px}.tour-replay-btn{background:transparent;border:none;color:var(--muted);font-size:11px;padding:4px 0 0;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.tour-replay-btn:hover{color:var(--accent)}@media (prefers-reduced-motion: reduce){.tour-backdrop,.tour-popover{animation:none}.tour-spotlight,.tour-spotlight:before{transition:none;animation:none}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;animation:drawer-fade .2s var(--ease-out)}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;width:580px;max-width:94vw;background:var(--card-surface);border-left:1px solid rgba(255,255,255,.06);box-shadow:-24px 0 60px #0000008c;display:flex;flex-direction:column;z-index:101;animation:drawer-slide-in .32s var(--ease-out)}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 26px 18px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;background:linear-gradient(180deg,rgba(63,140,255,.05),transparent)}.drawer-head h2{margin:0;font-size:18px;font-weight:var(--fw-bold);color:var(--pure-white);letter-spacing:-.01em;text-transform:none}.drawer-head .drawer-sub{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.drawer-close{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--muted);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:color var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.drawer-close:hover{color:var(--accent);border-color:#3f8cff52;background:#3f8cff0a}.drawer-body{flex:1;overflow-y:auto;padding:22px 26px 32px}.drawer-body::-webkit-scrollbar{width:8px}.drawer-body::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:8px}.drawer-footer{padding:14px 26px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:#0f1115d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-shrink:0}.drawer-footer .drawer-footer-hint{font-size:11px;color:var(--muted);margin-right:auto}.form-section{margin-bottom:24px}.form-section+.form-section{padding-top:22px;margin-top:4px;border-top:1px solid rgba(255,255,255,.05)}.form-section-title{font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:4px}.form-section-sub{font-size:12px;color:var(--muted);margin-bottom:14px;line-height:1.5}.form-help{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.5}.form-help.is-good{color:var(--green)}.form-help.is-warn{color:var(--amber)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}.form-row.split-1-2{grid-template-columns:1fr 2fr}@media (max-width: 560px){.form-row,.form-row.split-1-2{grid-template-columns:1fr}}.drawer-body label{margin:14px 0 5px}.drawer-body .form-row label:first-child,.drawer-body .form-row>div>label:first-child{margin-top:0}.drawer-body .form-error{margin-top:14px;padding:10px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.22);border-radius:var(--radius-sm);color:var(--red);font-size:13px}.drawer-body .form-info{margin-top:14px;padding:12px 14px;background:#3f8cff0f;border:1px solid rgba(63,140,255,.18);border-radius:var(--radius-sm);color:var(--text);font-size:12.5px;line-height:1.55}.drawer-body .form-info strong{color:var(--pure-white)}@media (prefers-reduced-motion: reduce){.drawer-backdrop,.drawer{animation:none}}