:root{--brand: #2196F3;--color-primary-blue: #2196F3;--color-primary-deep: #0D47A1;--color-primary-soft: #90CAF9;--color-dark-blue: #0D47A1;--color-brand-tint: #E3F2FD;--color-success: #43A047;--color-success-dark: #2E7D32;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-error: #E53935;--color-error-dark: #C62828;--color-bg-scaffold: #f1f4f9;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-text-primary: #09090C;--color-text-secondary: #4F4F69;--color-text-tertiary: #94a3b8;--color-border: #DBD8E3;--color-border-light: #f1f5f9;--color-divider: #DBD8E3;--shadow-card: 0 1px 2px #0f172a0a, 0 2px 8px #0f172a08;--shadow-card-elevated: 0 4px 16px #0f172a0f, 0 1px 4px #0f172a0a;--shadow-card-hover: 0 8px 25px #0f172a14, 0 2px 6px #0f172a0a;--shadow-hero: 0 12px 32px #0f172a29;--shadow-modal: 0 24px 80px #0f172a2e;--shadow-sidebar: 4px 0 24px #0000001f;--font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;--font-display: "Manrope", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--sidebar-width: 264px;--topbar-height: 68px;--chart-created: #2196F3;--chart-paid: #2E7D32;--chart-grid: #e2e8f0;--chart-axis-text: #94a3b8;--chart-surface: #ffffff}:root[data-theme=dark]{--chart-created: #5b83f7;--chart-paid: #66BB6A;--chart-grid: #1e293b;--chart-axis-text: #64748b;--chart-surface: #0f172a}:root[data-theme=dark]{--brand: #90CAF9;--color-bg-scaffold: #0b1120;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #1e293b;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border: #334155;--color-border-light: #1e293b;--color-divider: #334155;--shadow-card: 0 1px 3px #0006;--shadow-card-elevated: 0 4px 16px #0006;--shadow-card-hover: 0 8px 25px #00000080;--shadow-hero: 0 12px 32px #00000080;--shadow-modal: 0 24px 80px #000000a6;--shadow-sidebar: 4px 0 24px #00000059}:root{--health-live: #2196F3;--health-ready: #e87ba4;--health-grid: #e2e8f0;--health-surface: #ffffff}:root[data-theme=dark]{--health-live: #3987e5;--health-ready: #d55181;--health-grid: #334155;--health-surface: #0f172a}.health-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.health-ctl{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:12.5px;color:var(--color-text-tertiary)}.health-runbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);margin-bottom:16px;font-size:13px}.health-run-id{font-family:var(--font-mono);font-weight:700;font-size:14px;padding:3px 9px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary)}.health-run-when{color:var(--color-text-secondary)}.health-run-when b{color:var(--color-text-primary);font-variant-numeric:tabular-nums}.health-run-spacer{flex:1}.health-run-window{font-size:12px;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.health-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;margin-bottom:18px}.health-svc{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-primary)}.health-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:15px;font-weight:800;flex-shrink:0}.health-svc.is-on .health-badge{background:#43a0471f;color:var(--color-success-dark)}.health-svc.is-degraded .health-badge{background:#f59e0b26;color:var(--color-warning-dark)}.health-svc.is-off .health-badge{background:#ef44441f;color:var(--color-error-dark)}.health-svc.is-checking .health-badge{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.health-svc-text{flex:1;min-width:0}.health-svc-name{font-family:var(--font-display);font-size:15px;font-weight:700}.health-svc-host{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-tertiary)}.health-svc-sub{font-size:12.5px;color:var(--color-text-secondary);margin-top:4px}.health-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.health-tile{padding:16px 18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary)}.health-tile-label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-tertiary)}.health-tile-value{font-family:var(--font-display);font-size:26px;font-weight:800;margin-top:6px;line-height:1.1;font-variant-numeric:tabular-nums}.health-tile-hint{font-size:12px;color:var(--color-text-tertiary);margin-top:3px}.health-card{margin-bottom:18px}.health-chart-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:4px}.health-chart-title{flex:1;min-width:200px}.health-legend{display:flex;gap:16px;flex-wrap:wrap}.health-legend-item{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--color-text-secondary)}.health-key{width:10px;height:10px;border-radius:3px;flex-shrink:0;display:inline-block}.health-key.is-live{background:var(--health-live)}.health-key.is-ready{background:var(--health-ready)}.health-key.is-up{background:var(--color-success)}.health-key.is-degraded{background:var(--color-warning)}.health-key.is-down{background:var(--color-error)}.health-chart-wrap{position:relative;margin-top:10px}.health-chart{width:100%;height:210px;display:block;overflow:visible}.health-chart.is-small{height:120px}.health-grid{stroke:var(--health-grid);stroke-width:1}.health-axis{fill:var(--color-text-tertiary);font-size:10.5px;font-family:var(--font-sans)}.health-axis.is-num{font-variant-numeric:tabular-nums}.health-axis.is-live-text{fill:var(--health-live);font-weight:700}.health-axis.is-ready-text{fill:var(--health-ready);font-weight:700}.health-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.health-line.is-live{stroke:var(--health-live)}.health-line.is-ready{stroke:var(--health-ready)}.health-dot{stroke:var(--health-surface);stroke-width:2}.health-dot.is-live{fill:var(--health-live)}.health-dot.is-ready{fill:var(--health-ready)}.health-tip{position:absolute;top:8px;pointer-events:none;min-width:175px;padding:9px 11px;border-radius:var(--radius-md);background:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-card-hover);font-size:12px;z-index:5}.health-tip-title{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:11.5px;color:var(--color-text-tertiary);margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid var(--color-border)}.health-tip-title b{color:var(--color-text-primary);font-family:var(--font-mono)}.health-tip-row{display:flex;align-items:center;gap:7px;margin-top:3px}.health-tip-row b{margin-left:auto;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.health-bar{display:flex;gap:2px;align-items:flex-end;height:40px;margin-top:6px}.health-bar.is-small{height:26px}.health-bar i{flex:1;min-width:3px;border-radius:2px;display:block}.health-bar i.is-up{height:100%;background:var(--color-success)}.health-bar i.is-degraded{height:60%;background:var(--color-warning)}.health-bar i.is-down{height:32%;background:var(--color-error)}.health-axis-row{display:flex;justify-content:space-between;margin-top:5px;font-size:11px;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.health-table-toggle{margin-top:12px;background:none;border:0;padding:0;font:inherit;font-size:12.5px;font-weight:600;color:var(--brand);cursor:pointer;text-decoration:underline}.health-note{margin-top:12px;padding:14px 16px;border-left:3px solid var(--brand);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-bg-tertiary);font-size:13.5px;color:var(--color-text-secondary)}.health-note strong{color:var(--color-text-primary)}.health-note code{font-family:var(--font-mono);font-size:12.5px}.dash-counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.dash-counters.is-methods{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.dash-counter{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--color-border);border-left-width:3px;border-left-color:var(--color-text-tertiary);border-radius:var(--radius-md);background:var(--color-bg-primary)}.dash-counter-value{font-family:var(--font-display);font-size:27px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.dash-counter-label{font-size:12.5px;line-height:1.35;color:var(--color-text-secondary)}.dash-counter-note{display:block;font-style:normal;font-size:11.5px;color:var(--color-text-tertiary);margin-top:2px}.dash-counter.tone-neutral{border-left-color:var(--color-text-tertiary)}.dash-counter.tone-brand{border-left-color:var(--color-primary-blue)}.dash-counter.tone-purple{border-left-color:var(--color-primary-deep)}.dash-counter.tone-success{border-left-color:var(--color-success)}.dash-counter.tone-warning{border-left-color:var(--color-warning)}.dash-counter.tone-error{border-left-color:var(--color-error)}.dash-counter.tone-muted{border-left-color:var(--color-border)}:root{--heat-0: var(--color-bg-tertiary);--heat-1: #e8edfe;--heat-2: #c2d0fc;--heat-3: #8fa9f8;--heat-4: #5480f3;--heat-5: #2196F3;--heat-surface: #ffffff}:root[data-theme=dark]{--heat-1: #1c2a4d;--heat-2: #25417f;--heat-3: #2e5ab4;--heat-4: #3a72d9;--heat-5: #5a8ff0;--heat-surface: #0f172a}.heat-card{margin-top:18px}.heat-layout{display:grid;grid-template-columns:minmax(0,auto) minmax(220px,1fr);gap:28px;align-items:start;margin-top:14px}.heat-map-wrap{min-width:0}.heat-map{display:block;width:100%;max-width:330px;height:auto;background:transparent}.heat-uf{fill:var(--heat-0, #eef2f7);stroke:var(--heat-surface, #ffffff);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:default;transition:fill .15s ease}.heat-uf.is-step-0{fill:var(--heat-0, #eef2f7)}.heat-uf.is-step-1{fill:var(--heat-1, #e8edfe)}.heat-uf.is-step-2{fill:var(--heat-2, #c2d0fc)}.heat-uf.is-step-3{fill:var(--heat-3, #8fa9f8)}.heat-uf.is-step-4{fill:var(--heat-4, #5480f3)}.heat-uf.is-step-5{fill:var(--heat-5, #2196F3)}.heat-uf.is-hover{stroke:var(--color-text-secondary, #64748b);stroke-width:1.5}.heat-scale{display:flex;align-items:center;gap:5px;margin-top:14px;flex-wrap:wrap}.heat-scale-label{font-size:11px;color:var(--color-text-tertiary)}.heat-scale-sep{width:1px;height:14px;background:var(--color-border);margin:0 6px}.heat-swatch{width:16px;height:12px;border-radius:3px;display:inline-block}.heat-swatch.is-step-0{background:var(--heat-0)}.heat-swatch.is-step-1{background:var(--heat-1)}.heat-swatch.is-step-2{background:var(--heat-2)}.heat-swatch.is-step-3{background:var(--heat-3)}.heat-swatch.is-step-4{background:var(--heat-4)}.heat-swatch.is-step-5{background:var(--heat-5)}.heat-rank{min-width:0}.heat-rank-title{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:12px}.heat-rank-focus{display:grid;gap:2px}.heat-rank-focus-value{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.heat-rank-focus-hint{font-size:12.5px;color:var(--color-text-tertiary)}.heat-rank-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.heat-rank-list li{display:grid;grid-template-columns:26px minmax(0,1fr) 34px;align-items:center;gap:9px;font-size:12.5px}.heat-rank-uf{font-family:var(--font-mono);font-weight:700;color:var(--color-text-secondary)}.heat-rank-bar{height:7px;border-radius:4px;background:var(--color-bg-tertiary);overflow:hidden}.heat-rank-bar i{display:block;height:100%;border-radius:4px;background:var(--heat-5)}.heat-rank-count{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-text-primary)}.heat-rank-more,.heat-rank-note{font-size:12px;color:var(--color-text-tertiary)}.heat-rank-note{margin-top:12px;padding-top:10px;border-top:1px solid var(--color-border)}@media (max-width: 860px){.heat-layout{grid-template-columns:minmax(0,1fr)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-scaffold);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-.02em;color:var(--color-text-primary)}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{display:flex;min-height:100%}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-content{flex:1;padding:28px 32px 40px;max-width:1320px;width:100%}@media (max-width: 720px){.app-content{padding:20px 16px 32px}}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-bg-primary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.sidebar-brand svg{display:block;flex-shrink:0;border-radius:var(--radius-md);box-shadow:0 6px 16px #2196f340}.brand-accent{color:var(--brand)}.sidebar-brand-name{font-family:var(--font-display);font-weight:800;font-size:17px;line-height:1.1}.sidebar-brand-tag{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.sidebar-section{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-tertiary);padding:16px 12px 8px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text-secondary);transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-item.is-active{background:var(--brand);color:#fff;font-weight:600;box-shadow:0 4px 12px #2196f333}.nav-item-icon{width:20px;display:grid;place-items:center;font-size:15px}.sidebar-footer{margin-top:auto;padding:16px 12px 0;border-top:1px solid var(--color-divider);font-size:12px;color:var(--color-text-tertiary)}@media (max-width: 900px){.sidebar{display:none}}.topbar{height:var(--topbar-height);flex-shrink:0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:16px;padding:0 32px;position:sticky;top:0;z-index:20}.topbar-title{font-family:var(--font-display);font-weight:700;font-size:16px}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-button{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);display:grid;place-items:center;cursor:pointer;font-size:15px;transition:background .15s ease,color .15s ease}.icon-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.topbar-user{display:flex;align-items:center;gap:10px;padding-left:12px;border-left:1px solid var(--color-divider)}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.topbar-user-name{font-size:13px;font-weight:600;line-height:1.2}.topbar-user-role{font-size:12px;color:var(--color-text-tertiary)}@media (max-width: 720px){.topbar{padding:0 16px}.topbar-user-meta{display:none}}.page-header{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-title{font-size:26px;font-weight:800}.page-subtitle{margin-top:4px;font-size:14px;color:var(--color-text-secondary)}.page-header-actions{margin-left:auto;display:flex;gap:10px}.card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-padded{padding:20px}.card-header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--color-divider)}.card-title{font-family:var(--font-display);font-size:15px;font-weight:700}.card-subtitle{font-size:13px;color:var(--color-text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card);transition:box-shadow .2s ease,transform .2s ease}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stat-card-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.stat-card-icon{width:38px;height:38px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:17px;color:#fff}.stat-card-icon.tone-brand{background:var(--brand)}.stat-card-icon.tone-success{background:var(--color-success)}.stat-card-icon.tone-warning{background:var(--color-warning)}.stat-card-icon.tone-error{background:var(--color-error)}.stat-card-value{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.02em}.stat-card-hint{margin-top:4px;font-size:12px;color:var(--color-text-tertiary)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.badge.tone-success{color:var(--color-success-dark);background:#43a04719}.badge.tone-warning{color:var(--color-warning-dark);background:#f59e0b1f}.badge.tone-error{color:var(--color-error-dark);background:#ef44441c}.badge.tone-brand{color:var(--color-primary-blue);background:#2196f31a}.badge.tone-neutral{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}:root[data-theme=dark] .badge.tone-success{color:#34d399}:root[data-theme=dark] .badge.tone-warning{color:#fbbf24}:root[data-theme=dark] .badge.tone-error{color:#f87171}:root[data-theme=dark] .badge.tone-brand{color:#90caf9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s ease,background .15s ease,transform .1s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 14px #2196f340}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-secondary{background:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary)}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:#ef44441c;color:var(--color-error-dark);border-color:#ef444433}.btn-danger:hover:not(:disabled){background:#ef44442e}.btn-sm{padding:7px 13px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.input,.select{height:40px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus{border-color:var(--color-primary-blue);box-shadow:0 0 0 3px #2196f326}.input::placeholder{color:var(--color-text-tertiary)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;padding:16px 20px;border-bottom:1px solid var(--color-divider)}.toolbar .field{min-width:200px}.toolbar-spacer{flex:1}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead th{text-align:left;padding:12px 20px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-divider);white-space:nowrap}.data-table tbody td{padding:14px 20px;border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tbody tr{cursor:pointer;transition:background .12s ease}.data-table tbody tr:hover{background:var(--color-bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.cell-strong{font-weight:600}.cell-muted{color:var(--color-text-secondary);font-size:13px}.cell-money{font-weight:700;font-variant-numeric:tabular-nums}.cell-actions{text-align:right;white-space:nowrap}.plate{display:inline-block;font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.06em;padding:4px 9px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.mono{font-family:var(--font-mono);font-size:13px}.empty-state{padding:56px 24px;text-align:center}.empty-state-icon{width:60px;height:60px;margin:0 auto 16px;border-radius:var(--radius-lg);background:var(--color-bg-tertiary);display:grid;place-items:center;font-size:26px}.empty-state-title{font-family:var(--font-display);font-weight:700;font-size:16px;margin-bottom:6px}.empty-state-text{font-size:14px;color:var(--color-text-secondary);max-width:380px;margin:0 auto}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-primary-blue);animation:spin .7s linear infinite}.loader-block{padding:56px;display:grid;place-items:center}@keyframes spin{to{transform:rotate(360deg)}}.alert-error{margin-bottom:20px;padding:14px 16px;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;color:var(--color-error-dark);font-size:14px;display:flex;align-items:center;gap:10px}:root[data-theme=dark] .alert-error{color:#f87171}.hero{border-radius:var(--radius-xl);padding:26px 28px;background:var(--brand);color:#fff;box-shadow:var(--shadow-hero);margin-bottom:24px}.hero-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:#fff}.hero-text{margin-top:6px;font-size:14px;color:#ffffffd9;max-width:560px}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 940px){.detail-grid{grid-template-columns:minmax(0,1fr)}}.info-list{display:flex;flex-direction:column}.info-row{display:flex;align-items:center;gap:16px;padding:13px 20px;border-bottom:1px solid var(--color-border-light);font-size:14px}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-text-secondary);min-width:150px}.info-value{font-weight:600;margin-left:auto;text-align:right;word-break:break-word}.amount-highlight{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.02em}.debit-chip-list{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.chip{padding:6px 12px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:12px}.action-stack{display:flex;flex-direction:column;gap:10px;padding:16px 20px}.action-stack .btn{width:100%}.pix-payload{margin:0 20px 20px;padding:12px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:12px;word-break:break-all;color:var(--color-text-secondary)}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-primary-blue);margin-bottom:12px}.back-link:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:100%;max-width:420px;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);overflow:hidden}.modal-header{display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid var(--color-divider)}.modal-title{font-family:var(--font-display);font-weight:700;font-size:16px}.modal-close{margin-left:auto;border:none;background:transparent;color:var(--color-text-tertiary);font-size:20px;line-height:1;cursor:pointer}.modal-body{padding:20px;font-size:14px;color:var(--color-text-secondary)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--color-divider)}.badge.tone-purple{color:var(--color-primary-deep);background:#0d47a11a}.badge.tone-muted{color:var(--color-text-tertiary);background:var(--color-bg-tertiary)}:root[data-theme=dark] .badge.tone-purple{color:#a99bf5}.copy-value{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;margin:-4px -8px;border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer;max-width:100%;transition:background .12s ease,color .12s ease}.copy-value.is-mono .copy-value-text{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em}.copy-value:hover{background:var(--color-bg-tertiary)}.copy-value-icon{font-size:12px;color:var(--color-text-tertiary);opacity:0;transition:opacity .12s ease}.copy-value:hover .copy-value-icon,.copy-value:focus-visible .copy-value-icon,.copy-value.is-copied .copy-value-icon{opacity:1}.copy-value.is-copied{background:#43a04721;color:var(--color-success-dark)}.copy-value.is-copied .copy-value-icon{color:var(--color-success-dark)}:root[data-theme=dark] .copy-value.is-copied,:root[data-theme=dark] .copy-value.is-copied .copy-value-icon{color:#34d399}.copy-amount{font-variant-numeric:tabular-nums;font-weight:700}.checkbox{width:17px;height:17px;accent-color:var(--color-primary-blue);cursor:pointer}.col-select{width:48px;text-align:center;border-left:1px solid var(--color-border-light)}.data-table tbody tr.is-selected{background:#2196f30f}.data-table tbody tr.is-static{cursor:default}.data-table tbody tr.is-static:hover{background:transparent}.bulk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px;background:#2196f30f;border-bottom:1px solid var(--color-divider);font-size:14px}.bulk-bar-total{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.th-sort{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;padding:0;font:inherit;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-tertiary);cursor:pointer}.th-sort:hover{color:var(--color-text-primary)}.th-sort.is-active{color:var(--color-primary-blue)}.th-sort-icon{font-size:9px;opacity:.7}.orders-table td{padding:11px 20px}.cell-hint{font-size:11px;color:var(--color-text-tertiary);margin-top:2px}.cell-reason{margin-top:4px;font-size:11px;color:var(--color-text-tertiary);max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debit-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.debit-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border);font-size:12px;font-weight:600;white-space:nowrap}.debit-tag-amount{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);font-weight:500}.debit-more{border:none;background:transparent;color:var(--color-primary-blue);font-size:12px;font-weight:600;cursor:pointer;padding:3px 4px}.debit-more:hover{text-decoration:underline}.row-detail td{background:var(--color-bg-secondary);padding:0 20px 12px}.debit-breakdown{display:flex;flex-direction:column;gap:6px;padding-top:10px}.debit-breakdown-row{display:flex;align-items:center;gap:12px;font-size:13px}.debit-desc{color:var(--color-text-secondary)}.debit-breakdown-row .copy-amount{margin-left:auto}.flow-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.flow-step{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-primary);font-size:13px;color:var(--color-text-secondary)}.flow-step-dot{width:20px;height:20px;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:11px;font-weight:700}.flow-step.is-done .flow-step-dot{background:var(--color-success);color:#fff}.flow-step.is-active{border-color:var(--color-primary-blue);color:var(--color-text-primary);font-weight:600;box-shadow:0 0 0 3px #2196f31f}.flow-step.is-active .flow-step-dot{background:var(--brand);color:#fff}.reason-banner{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);font-size:14px;margin-bottom:20px}.reason-banner.is-error{background:#ef44441a;border-color:#ef444440}.reason-banner strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:2px}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;padding:14px 16px;margin-bottom:20px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.field-sm{min-width:130px;max-width:150px}.segmented{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;height:40px}.segmented button{border:none;background:var(--color-bg-primary);color:var(--color-text-secondary);padding:0 14px;font-size:13px;font-weight:600;cursor:pointer}.segmented button+button{border-left:1px solid var(--color-border)}.segmented button.is-active{background:var(--brand);color:#fff}.chart-legend{display:flex;align-items:center;gap:18px;margin-bottom:8px;font-size:13px;color:var(--color-text-secondary)}.chart-legend-item{display:inline-flex;align-items:center;gap:8px}.chart-legend-key{width:16px;height:3px;border-radius:2px}.chart-table-toggle{margin-left:auto;border:none;background:transparent;color:var(--color-primary-blue);font-size:13px;font-weight:600;cursor:pointer}.chart-table-toggle:hover{text-decoration:underline}.chart-canvas{position:relative}.chart-svg{width:100%;height:auto;display:block;touch-action:none}.chart-tick{fill:var(--chart-axis-text);font-family:var(--font-sans);font-size:11px;font-variant-numeric:tabular-nums}.chart-end-label{fill:var(--color-text-secondary);font-family:var(--font-sans);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.chart-tooltip{position:absolute;top:8px;min-width:168px;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-card-elevated);pointer-events:none;z-index:5}.chart-tooltip-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:8px}.chart-tooltip-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:2px 0}.chart-tooltip-key{width:12px;height:3px;border-radius:2px;flex-shrink:0}.chart-tooltip-value{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.chart-tooltip-label{color:var(--color-text-secondary);margin-left:auto}.chart-table{margin-top:16px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.chart-empty{padding:48px;text-align:center;color:var(--color-text-secondary);font-size:14px}.mock-banner{margin-bottom:20px;padding:10px 14px;border-radius:var(--radius-md);background:#f59e0b1a;border:1px solid #f59e0b40;color:var(--color-warning-dark);font-size:13px;font-weight:500}.popover-wrap{position:relative}.icon-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;border:2px solid var(--color-bg-primary)}.popover{position:absolute;top:calc(100% + 10px);right:0;min-width:244px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);padding:6px;z-index:40}.popover-wide{min-width:320px}.popover-header{display:flex;align-items:baseline;gap:8px;padding:8px 10px 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-divider);margin-bottom:6px}.popover-header-hint{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:500}.popover-user{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--color-divider);margin-bottom:6px}.popover-user-name{font-size:14px;font-weight:700}.popover-user-mail{font-size:12px;color:var(--color-text-tertiary)}.popover-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);font:inherit;font-size:14px;text-align:left;cursor:pointer}.popover-item:hover{background:var(--color-bg-tertiary)}.popover-item.is-danger{color:var(--color-error-dark)}:root[data-theme=dark] .popover-item.is-danger{color:#f87171}.popover-item-body{display:flex;flex-direction:column;min-width:0;flex:1}.popover-item-hint{font-size:12px;color:var(--color-text-tertiary)}.popover-count{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.popover-empty{padding:18px 10px;text-align:center;font-size:13px;color:var(--color-text-tertiary)}.popover-footer-link{width:100%;margin-top:6px;padding:9px;border:none;border-top:1px solid var(--color-divider);background:transparent;color:var(--color-primary-blue);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.popover-footer-link:hover:not(:disabled){text-decoration:underline}.popover-footer-link:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.period-trigger{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.period-trigger:hover,.period-trigger.is-open{border-color:var(--color-primary-blue);box-shadow:0 0 0 3px #2196f31f}.period-trigger-label{font-variant-numeric:tabular-nums}.period-trigger-caret{font-size:10px;color:var(--color-text-tertiary)}.period-popover{left:0;right:auto;min-width:268px}.period-option.is-selected{color:var(--color-primary-blue);font-weight:700}.period-check{width:16px;font-size:16px;font-weight:700;color:var(--color-primary-blue);flex-shrink:0}.period-custom{margin-top:6px;padding:12px 10px 8px;border-top:1px solid var(--color-divider)}.period-custom-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:10px}.period-range{display:flex;gap:10px}.period-range .field{flex:1}.period-range .input-compact{max-width:none;width:100%}.period-hint{margin-top:8px;font-size:12px;color:var(--color-text-tertiary)}.period-apply{width:100%;margin-top:10px}.topbar-user-button{border:1px solid transparent;background:transparent;border-radius:var(--radius-md);padding:4px 8px 4px 12px;cursor:pointer;font:inherit;text-align:left}.topbar-user-button:hover,.topbar-user-button.is-open{background:var(--color-bg-tertiary);border-color:var(--color-border)}.topbar-user-caret{font-size:10px;color:var(--color-text-tertiary);margin-left:2px}.col-action{width:46px;text-align:center}.row-action{border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;padding:5px 7px;font-size:14px;cursor:pointer;line-height:1}.row-action:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.data-table tbody tr.is-pinned{background:#f59e0b0f}.pin-tag{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:var(--radius-full);background:#f59e0b24;color:var(--color-warning-dark);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}:root[data-theme=dark] .pin-tag{color:#fbbf24}.pagination{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid var(--color-divider);flex-wrap:wrap}.pagination-info{font-size:13px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.pagination-page{font-size:13px;font-weight:600;padding:0 6px;font-variant-numeric:tabular-nums}.switch{display:inline-flex;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{width:40px;height:22px;border-radius:var(--radius-full);background:var(--color-border);position:relative;transition:background .15s ease}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch input:checked+.switch-track{background:var(--color-primary-blue)}.switch input:checked+.switch-track:after{transform:translate(18px)}.switch input:focus-visible+.switch-track{box-shadow:0 0 0 3px #2196f333}.input-compact{height:34px;max-width:96px}.future-note{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:#f59e0b14;border:1px solid #f59e0b38;font-size:13px}.future-note strong{display:block;margin-bottom:2px}.future-note p{color:var(--color-text-secondary)}.future-card{text-align:center;padding:48px 24px}.future-icon{font-size:40px;margin-bottom:12px}.future-title{font-size:20px;font-weight:800;margin-bottom:8px}.future-text{color:var(--color-text-secondary);font-size:14px;max-width:460px;margin:0 auto 20px}.future-list{list-style:none;padding:0;margin:0 auto 24px;max-width:420px;text-align:left;display:grid;gap:8px}.future-list li{padding:10px 14px;border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);font-size:13px}.future-actions{display:flex;justify-content:center}.alert-summary{display:flex;gap:12px;padding:16px;margin-bottom:20px;border-radius:var(--radius-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-card);font-size:14px}.alert-summary p{color:var(--color-text-secondary);font-size:13px;margin-top:2px}.row-gap{display:flex;align-items:center;gap:10px}.login-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-body);background-image:radial-gradient(circle at 10% 20%,var(--primary-100) 0%,transparent 40%),radial-gradient(circle at 90% 80%,var(--primary-50) 0%,transparent 40%);padding:1rem}[data-theme=dark] .login-layout{background-image:radial-gradient(circle at 10% 20%,var(--primary-900) 0%,transparent 40%),radial-gradient(circle at 90% 80%,var(--bg-surface-elevated) 0%,transparent 40%)}.login-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:fadeUp .4s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-brand{text-align:center;margin-bottom:2rem}.login-brand h2{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:1.5rem;color:var(--text-base)}.login-brand-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--primary-100);color:var(--primary-700);padding:.125rem .5rem;border-radius:9999px;font-weight:700}[data-theme=dark] .login-brand-tag{background:var(--primary-900);color:var(--primary-300)}.login-brand p{color:var(--text-muted);font-size:.875rem;margin-top:.5rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{background:var(--danger-50);color:var(--danger-600);padding:.75rem;border-radius:var(--radius-md);font-size:.875rem;border:1px solid var(--danger-200);text-align:center;animation:shake .4s ease-in-out}[data-theme=dark] .login-error{background:#ef44441a;border-color:#ef444433;color:var(--danger-400)}.login-button{margin-top:.5rem;height:44px;font-size:1rem}.login-input{height:44px;padding:10px 18px;width:100%}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap .login-input{padding-right:48px}.password-toggle-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-sm);transition:color .15s ease,background-color .15s ease}.password-toggle-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.fee-calc{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;align-items:start}.fee-calc-inputs{display:grid;gap:16px}.fee-methods{display:flex;gap:7px}.fee-methods button{flex:1;padding:9px 6px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.fee-methods button.is-on{border-color:var(--color-primary-blue);background:#2196f314;color:var(--color-primary-blue)}.fee-input{display:flex;align-items:center;gap:7px}.fee-input .input{font-family:var(--font-mono);font-weight:600;text-align:right}.fee-unit{flex-shrink:0;width:22px;font-weight:700;color:var(--color-text-tertiary)}.fee-hint{font-size:12px;color:var(--color-text-tertiary)}.fee-reset{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--brand);cursor:pointer;text-decoration:underline}.fee-flow{display:grid;gap:2px}.fee-flow-item{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:14px;padding:11px 14px;border-radius:var(--radius-sm);font-size:14px}.fee-flow-item b{font-family:var(--font-mono);font-weight:700;white-space:nowrap}.fee-flow-item small{display:block;font-size:11.5px;color:var(--color-text-tertiary);font-weight:400}.fee-flow-item.is-in{background:#2196f314;color:var(--color-primary-blue)}.fee-flow-item.is-out{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.fee-flow-item.is-out b:before{content:"−";margin-right:3px}.fee-flow-item.is-net{margin-top:6px;background:#43a0471f;color:var(--color-success-dark);font-weight:800}.fee-flow-item.is-net.is-bad{background:#ef44441f;color:var(--color-error-dark)}.fee-flow-item.is-net b{font-size:19px}.fee-warn{margin-top:12px;padding:11px 13px;border-radius:var(--radius-sm);background:#ef44441a;color:var(--color-error-dark);font-size:13px;font-weight:600}.fee-calc-table{margin-top:20px}.fee-calc-table tr.is-current{font-weight:700}.fee-note{margin-top:22px;padding:14px 16px;border-left:3px solid var(--brand);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-bg-tertiary);font-size:13.5px;color:var(--color-text-secondary)}.fee-note strong{color:var(--color-text-primary)}@media (max-width: 1000px){.fee-calc{grid-template-columns:minmax(0,1fr)}}