:root{color-scheme:light;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at top left,rgba(232,180,67,.18) 0%,transparent 32%),radial-gradient(circle at right top,rgba(14,116,144,.14) 0%,transparent 28%),linear-gradient(180deg,#f4efe4,#fcfbf7 52%,#f3f7f8);color:var(--text-primary);--surface-primary: rgba(255, 255, 255, .78);--surface-elevated: rgba(255, 255, 255, .88);--surface-sunken: rgba(16, 36, 60, .03);--brand-teal: #0f766e;--brand-teal-light: rgba(14, 116, 144, .08);--brand-gold: #f59e0b;--brand-gold-light: rgba(245, 158, 11, .12);--brand-navy: #10243c;--color-success: #0f766e;--color-warning: #b45309;--color-danger: #b91c1c;--color-info: #0369a1;--color-muted: #6b7a8c;--text-primary: #132238;--text-secondary: #5a6b7d;--text-tertiary: #94a3b8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: clamp(30px, 3.2vw, 44px);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-sm: 0 1px 3px rgba(18, 38, 63, .04), 0 1px 2px rgba(18, 38, 63, .02);--shadow-md: 0 4px 16px rgba(18, 38, 63, .06), 0 2px 4px rgba(18, 38, 63, .03);--shadow-lg: 0 12px 40px rgba(18, 38, 63, .08), 0 4px 12px rgba(18, 38, 63, .04);--shadow-xl: 0 20px 60px rgba(18, 38, 63, .1), 0 8px 24px rgba(18, 38, 63, .05);--shadow-glow-teal: 0 0 20px rgba(14, 116, 144, .15);--shadow-glow-gold: 0 0 20px rgba(245, 158, 11, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 28px;--radius-full: 999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}a{color:var(--brand-teal)}a:hover{color:#0b5e57}pre{margin:0}.animate-fade-in-up{animation:fadeInUp .4s var(--ease-out-expo) both}.animate-fade-in{animation:fadeIn .3s ease both}.card--interactive{transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.shell{min-height:100vh;background:transparent;position:relative;overflow:clip}.shell:before,.shell:after{content:"";position:fixed;pointer-events:none;z-index:0;filter:blur(24px)}.shell:before{top:88px;right:-80px;width:320px;height:320px;border-radius:var(--radius-full);background:radial-gradient(circle,#f59e0b38,#f59e0b00 70%)}.shell:after{top:180px;left:-100px;width:360px;height:360px;border-radius:var(--radius-full);background:radial-gradient(circle,#0e749029,#0e749000 72%)}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.login-screen__brand-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-10);background:linear-gradient(160deg,#0d1b2a,#14334c);position:relative;overflow:hidden}.login-screen__brand-panel:before{content:"";position:absolute;top:-20%;right:-10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.2) 0%,transparent 70%);animation:floatOrb 8s ease-in-out infinite alternate}.login-screen__brand-panel:after{content:"";position:absolute;bottom:-15%;left:-10%;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(14,116,144,.18) 0%,transparent 70%);animation:floatOrb 10s ease-in-out infinite alternate-reverse}.login-screen__brand-logo{width:80px;height:80px;border-radius:var(--radius-xl);background:linear-gradient(160deg,#f59e0bf5,#fbbf24c7);display:grid;place-items:center;color:#0f172a;font-size:28px;font-weight:var(--font-weight-extrabold);letter-spacing:.08em;box-shadow:0 20px 40px #f59e0b40;z-index:1;margin-bottom:var(--space-7)}.login-screen__brand-title{color:#f8fafc;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;z-index:1;margin-bottom:var(--space-3)}.login-screen__brand-subtitle{color:#e2e8f099;font-size:var(--text-md);z-index:1;text-align:center;max-width:320px;line-height:var(--line-height-relaxed)}.login-screen__form-panel{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.login-card{width:min(440px,100%);border:none!important;box-shadow:none!important;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}.shell__header{position:sticky;top:0;z-index:10;display:grid!important;grid-template-columns:minmax(auto,max-content) 1fr minmax(auto,max-content);align-items:center;gap:var(--space-6);height:auto!important;min-height:76px;padding:14px 32px!important;line-height:normal!important;background:linear-gradient(135deg,#091422fa,#14334cf5 55%,#1a4460f0),radial-gradient(circle at 85% 0%,rgba(245,158,11,.18),transparent 42%),radial-gradient(circle at 15% 100%,rgba(14,116,144,.22),transparent 48%)!important;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px #09142224;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.shell__brand{display:flex;align-items:center;gap:14px;min-width:0}.shell__brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(150deg,#fbbf24,#f59e0b 55%,#d97706);color:#1a1305;font-size:15px;font-weight:var(--font-weight-extrabold);letter-spacing:.04em;box-shadow:0 10px 24px #f59e0b52,inset 0 1px #fff6,inset 0 -2px 4px #b4530933;flex-shrink:0}.shell__brand-text{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.2}.shell__kicker{color:#e2e8f09e;font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;margin-bottom:3px}.shell__title{color:#f8fafc;font-size:19px;font-weight:var(--font-weight-bold);letter-spacing:-.015em;white-space:nowrap;line-height:1.15}.shell__subtitle{display:none}.shell__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);min-width:0;flex-shrink:0}.shell__role-picker.ant-segmented{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1);padding:3px;border-radius:var(--radius-full)}.shell__role-picker.ant-segmented .ant-segmented-item{color:#e2e8f0b8;transition:color var(--duration-fast) ease}.shell__role-picker.ant-segmented .ant-segmented-item:hover:not(.ant-segmented-item-selected){color:#f8fafc}.shell__role-picker.ant-segmented .ant-segmented-item-selected{color:#0f172a!important;background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;box-shadow:0 2px 8px #0f172a40!important;font-weight:var(--font-weight-semibold)}.shell__status-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px!important;margin:0!important;border-radius:var(--radius-full)!important;font-size:var(--text-sm)!important;font-weight:var(--font-weight-semibold)!important;letter-spacing:.02em;border:1px solid transparent!important;white-space:nowrap}.shell__status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;flex-shrink:0}.shell__status-tag--ok{color:#6ee7b7!important;background:#10b98124!important;border-color:#6ee7b747!important}.shell__status-tag--err{color:#fca5a5!important;background:#dc262629!important;border-color:#fca5a54d!important}.shell__status-tag--idle{color:#e2e8f0c7!important;background:#ffffff14!important;border-color:#ffffff1f!important}.shell__status-tag--idle .shell__status-dot,.shell__status-tag--ok .shell__status-dot{animation:pulseGlow 2s ease-in-out infinite}.shell__content{position:relative;z-index:1;padding:var(--space-7) var(--space-5) var(--space-8);display:flex;justify-content:center}.top-nav{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content;margin:0 auto;white-space:nowrap}.top-nav__item{position:relative;padding:8px 18px;border-radius:var(--radius-full);color:#e2e8f0c7;text-decoration:none;font-size:var(--text-base);font-weight:var(--font-weight-medium);letter-spacing:.01em;white-space:nowrap;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}.top-nav__item:hover{color:#f8fafc;background:#ffffff14}.top-nav__item--active{color:#0f172a!important;background:linear-gradient(135deg,#fef3c7,#fbbf24)!important;font-weight:var(--font-weight-semibold);box-shadow:0 6px 16px #f59e0b52,inset 0 1px #ffffff80}.top-nav__item--active:hover{background:linear-gradient(135deg,#fef3c7,#fbbf24)!important;color:#0f172a!important}.dashboard{width:min(1440px,100%);display:grid;gap:var(--space-5)}.shell__masthead{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:var(--space-5);padding:var(--space-5) var(--space-6);border-radius:var(--radius-3xl);border:1px solid rgba(19,34,56,.08);background:linear-gradient(135deg,#fffdf8e6,#ffffffc2),radial-gradient(circle at right top,rgba(245,158,11,.12),transparent 26%);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .5s var(--ease-out-expo) both}.shell__masthead-copy{max-width:760px}.shell__masthead-title{margin:4px 0 8px!important;color:var(--brand-navy)!important;font-size:clamp(24px,2.5vw,34px)!important;line-height:var(--line-height-tight)!important;letter-spacing:-.05em}.shell__masthead-text{margin:0!important;max-width:58ch;color:var(--text-secondary)!important;font-size:var(--text-md);line-height:var(--line-height-relaxed)}.shell__masthead-panel{display:grid;gap:var(--space-3);align-content:center;padding:14px;border-radius:var(--radius-2xl);background:linear-gradient(160deg,#10243ceb,#193a58e0);color:#f8fafc;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff14}.shell__masthead-metric{padding:14px var(--space-4);border-radius:var(--radius-md);background:#ffffff0f;transition:background var(--duration-fast) ease,transform var(--duration-fast) ease}.shell__masthead-metric:hover{background:#ffffff1a;transform:translate(4px)}.shell__masthead-metric strong{display:block;margin-top:6px;font-size:var(--text-lg);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.shell__metric-label{color:#e2e8f0b8;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase}.tab-panel{display:grid;gap:var(--space-5)}.mobile-nav{display:none}.hero-grid{display:grid;grid-template-columns:minmax(360px,520px) minmax(280px,1fr);gap:var(--space-5)}.hero-grid>:nth-child(1){animation:fadeInUp .4s var(--ease-out-expo) both;animation-delay:.05s}.hero-grid>:nth-child(2){animation:fadeInUp .4s var(--ease-out-expo) both;animation-delay:.15s}.hero-card,.content-card{border-radius:var(--radius-2xl)!important;border:1px solid rgba(19,34,56,.08)!important;box-shadow:var(--shadow-lg);background:var(--surface-primary)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow var(--duration-normal) var(--ease-out-expo),transform var(--duration-normal) var(--ease-out-expo)}.content-card:hover{box-shadow:var(--shadow-xl)}.content-card .ant-card-head{border-bottom:1px solid rgba(16,36,60,.06)!important}.content-card .ant-card-head-title{font-weight:var(--font-weight-semibold)!important;letter-spacing:-.01em}.hero-card--run{border-left:3px solid var(--brand-gold)!important;background:linear-gradient(180deg,#fffcf3f5,#ffffffe6)!important}.hero-card--stats{border-left:3px solid var(--brand-teal)!important;background:linear-gradient(160deg,#eff8faf5,#ffffffe6)!important}.control-card{position:relative;overflow:hidden}.control-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-teal),var(--brand-gold));z-index:1}.control-card--recalc:before{background:linear-gradient(90deg,var(--brand-gold),#ef4444)}.full-width{width:100%}.eyebrow{color:var(--brand-teal)!important;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;font-size:var(--text-sm)}.section-title{margin:var(--space-2) 0 var(--space-1)!important;color:var(--brand-navy)!important}.section-copy{margin-bottom:0!important;color:var(--text-secondary)!important}.system-note{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:linear-gradient(135deg,#0e74900a,#10243c08);border-left:3px solid rgba(14,116,144,.3);font-size:var(--text-sm);color:var(--text-secondary)}.content-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);animation:fadeInUp .4s var(--ease-out-expo) both}.tab-panel>.content-grid:nth-child(2){animation-delay:.1s}.tab-panel>.content-grid:nth-child(3){animation-delay:.2s}.tab-panel>.content-grid:nth-child(4){animation-delay:.3s}.content-grid--compact{grid-template-columns:minmax(320px,1.2fr) minmax(260px,.8fr)}.filter-select{min-width:180px}.inline-alert{margin-bottom:14px}.row-selected>td{background:#0e749014!important;box-shadow:inset 3px 0 0 var(--brand-teal)}.fee-row-matched>td{background:#0f766e0d!important}.fee-row-mismatched>td{background:#c2410c12!important}.fee-row-mismatched>td:first-child{box-shadow:inset 3px 0 0 var(--color-warning)}.audit-row--rule>td:first-child{box-shadow:inset 3px 0 0 var(--brand-gold)}.audit-row--recalc>td:first-child{box-shadow:inset 3px 0 0 var(--brand-teal)}.muted{color:var(--color-muted)}.value-negative{color:#c2410c;font-weight:var(--font-weight-bold)}.value-positive{color:var(--brand-teal);font-weight:var(--font-weight-bold)}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:.01em;background:#94a3b829;color:#334155;transition:transform var(--duration-fast) ease}.status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6;flex-shrink:0}.status-chip:hover{transform:scale(1.04)}.status-chip--matched,.status-chip--success,.status-chip--active{background:#0f766e1f;color:var(--color-success)}.status-chip--mismatched,.status-chip--approved,.status-chip--verified,.status-chip--partial{background:#d977061f;color:var(--color-warning)}.status-chip--pending,.status-chip--running,.status-chip--pending_outbound{background:#0284c71f;color:var(--color-info)}.status-chip--running:before,.status-chip--pending:before{animation:pulseGlow 1.8s ease-in-out infinite}.status-chip--failed,.status-chip--rule_incomplete,.status-chip--source_missing,.status-chip--calc_error{background:#dc26261a;color:var(--color-danger)}.shell__status-tag{border-radius:var(--radius-full);padding-inline:var(--space-3)}.json-block{padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(145deg,#0f172a,#1e293b);color:#e2e8f0;overflow:auto;max-height:520px;font-size:var(--text-sm);line-height:1.7;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 2px 4px #0003}.chart-container{padding:var(--space-2) 0}.batch-summary .ant-statistic{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-sunken);transition:background var(--duration-fast) ease}.batch-summary .ant-statistic:hover{background:#0e74900d}.ant-table-wrapper .ant-table{border-radius:var(--radius-lg)}.ant-table-wrapper .ant-table-thead>th{background:#10243c0a!important;font-weight:var(--font-weight-semibold)!important;font-size:var(--text-sm)!important;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary)!important;border-bottom:2px solid rgba(16,36,60,.08)!important}.ant-table-wrapper .ant-table-tbody>tr>td{transition:background-color var(--duration-fast) ease}.ant-table-wrapper .ant-table-tbody>tr:hover>td{background:var(--brand-teal-light)!important}.ant-table-wrapper .ant-table-tbody>tr{cursor:pointer}.ant-descriptions-bordered .ant-descriptions-view{border-radius:var(--radius-lg);overflow:hidden}.ant-select-dropdown{z-index:1100!important}.ant-input,.ant-select-selector,.ant-input-password{border-radius:var(--radius-md)!important;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease!important}.ant-input:focus,.ant-input-focused,.ant-select-focused .ant-select-selector{box-shadow:0 0 0 3px #0e74901a!important}.ant-btn-primary{border-radius:var(--radius-md)!important;font-weight:var(--font-weight-semibold)!important;letter-spacing:.01em;transition:all var(--duration-fast) var(--ease-out-expo)!important}.ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0e749040}.hero-card--stats .ant-statistic-title{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.hero-card--stats .ant-statistic-content-value{font-size:var(--text-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.ant-empty-description{color:var(--text-tertiary)!important;font-size:var(--text-base)}.ant-empty-image{opacity:.5}.ant-drawer-header{border-bottom:1px solid rgba(16,36,60,.06)!important;padding:var(--space-5) var(--space-6)!important}.ant-drawer-title{font-weight:var(--font-weight-bold)!important;letter-spacing:-.02em}.ant-drawer-body{animation:fadeIn .3s ease both}.ant-drawer .ant-tabs-tab{font-weight:var(--font-weight-medium);transition:color var(--duration-fast) ease}.ant-drawer .ant-tabs-tab-active{font-weight:var(--font-weight-bold)!important}@media(max-width:1280px){.shell__header{grid-template-columns:auto auto!important;gap:var(--space-4)}.top-nav{display:none}.mobile-nav{display:inline-flex}}@media(max-width:1080px){.shell__masthead,.hero-grid,.content-grid--compact{grid-template-columns:1fr}}@media(max-width:768px){.shell__header{grid-template-columns:1fr!important;padding:14px var(--space-4)!important}.shell__brand{width:100%}.shell__actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.shell__content{padding-inline:var(--space-3)}.dashboard{gap:var(--space-4)}.shell__masthead{padding:var(--space-4);border-radius:var(--radius-2xl)}.shell__masthead-title{font-size:24px!important}.shell__title{font-size:17px}.shell__kicker{font-size:9px}.login-screen{grid-template-columns:1fr}.login-screen__brand-panel{padding:var(--space-8) var(--space-6);min-height:auto}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}