:root{color:#19233d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--border:#7a91c32e;--panel:#ffffffe6;--text-soft:#74809d;--shadow:0 24px 60px #1c315e14;background:radial-gradient(circle at 0 0,#4b7aff1f,#0000 28%),linear-gradient(#f7f9ff 0%,#f4f7fb 100%);font-family:Plus Jakarta Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,select{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{grid-template-columns:168px minmax(0,1fr);min-height:100vh;display:grid;overflow-x:clip}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffb8;padding:18px 14px}.brand-block{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#18356e,#285dff);border-radius:12px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 12px 24px #285dff47}.brand-mark svg{width:20px;height:20px}.brand-title{margin:0;font-size:.95rem;font-weight:700}.side-nav{gap:18px;display:grid}.nav-group{gap:8px;display:grid}.nav-heading{letter-spacing:.08em;color:var(--text-soft);margin:0 6px;font-size:.66rem;font-weight:700}.nav-item{color:#5d6a88;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:10px;padding:10px;font-size:.94rem;display:flex}.nav-item.active{color:#285dff;background:#eef3ff;font-weight:700}.nav-icon{flex:0 0 16px;place-items:center;width:16px;height:16px;display:inline-grid}.nav-icon svg{width:16px;height:16px}.dashboard{padding:24px 26px 32px}.topbar,.page-head,.filters-row,.kpi-grid,.content-grid,.details-grid,.profit-card,.legend,.settlement-item,.mini-ledger-row,.setting-row{display:flex}.topbar{justify-content:space-between;align-items:center;margin-bottom:18px}.feedback-link{color:#3463ff;margin-left:auto;margin-right:18px;font-size:.92rem;font-weight:600}.feedback-button{background:0 0;border:0;padding:0}.topbar-actions{gap:12px;display:flex}.ghost-chip,.menu-chip,.button{cursor:pointer;border:0;border-radius:14px}.ghost-chip{color:#fff;background:linear-gradient(135deg,#2c5cf6,#2450da);padding:14px 18px;font-weight:700}.menu-chip{border:1px solid var(--border);color:#657089;background:#fffc;width:44px}.page-head{flex-direction:column;gap:22px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,3vw,2.5rem);line-height:1.05}h2{margin-top:4px;font-size:1.9rem}h3{font-size:1.1rem}.page-copy,.panel p,.kpi-note{color:var(--text-soft)}.filters-row{flex-wrap:wrap;align-items:flex-end;gap:14px}.filter-card{gap:8px;min-width:146px;display:grid}.filter-card span{color:var(--text-soft);font-size:.84rem;font-weight:600}.filter-card select{border:1px solid var(--border);color:#24314f;background:#ffffffd1;border-radius:14px;padding:13px 16px;box-shadow:inset 0 1px #ffffffb3}.cta-group{gap:12px;margin-left:auto;display:flex}.button{padding:14px 24px;font-weight:700}.button-primary{color:#fff;background:linear-gradient(135deg,#2c5cf6,#2450da);box-shadow:0 14px 30px #2450da38}.button-secondary{color:#285dff;background:#ffffffe0;border:1px solid #285dff3d}.flash-banner{color:#2c5cf6;background:#edf3ffe0;border:1px solid #285dff29;border-radius:16px;margin-top:16px;padding:12px 16px;font-size:.92rem;font-weight:600}.advanced-filters,.report-actions,.row-actions{flex-wrap:wrap;gap:12px;display:flex}.advanced-filters{align-items:end;margin-top:16px}.report-actions{margin-left:auto}.mini-action,.row-action{color:#285dff;cursor:pointer;font:inherit;background:#ffffffe6;border:1px solid #285dff2e;border-radius:12px;padding:9px 12px}.info-banner{background:#fffaebeb;border:1px solid #f6b10a38;border-radius:18px;margin-top:16px;padding:16px}.kpi-grid{flex-wrap:wrap;gap:14px;margin-top:18px}.kpi-card,.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.kpi-card{border-radius:22px;flex:230px;align-items:center;gap:16px;min-width:230px;padding:18px}.kpi-label{color:#485674;font-size:.86rem;font-weight:700}.kpi-icon{border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.kpi-icon svg{width:24px;height:24px}.tone-blue{color:#2b66ff;background:#edf3ff}.tone-mint{color:#28b8a1;background:#e7fff8}.tone-violet{color:#8f51ff;background:#f4ebff}.tone-green{color:#34b548;background:#ecfff1}.tone-gold{color:#f0a500;background:#fff7db}.tone-orange{color:#ff8a22;background:#fff0e4}.tone-sky{color:#3976ff;background:#edf5ff}.tabs{border-bottom:1px solid #7a91c329;flex-wrap:wrap;gap:10px;padding:20px 0 18px;display:flex}.tab{color:#6f7c98;cursor:pointer;background:0 0;border:0;padding:10px 8px 14px;font-weight:600;position:relative}.tab.active{color:#2c5cf6}.tab.active:after{content:"";background:#2c5cf6;border-radius:999px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.content-grid{align-items:flex-start;gap:18px;margin-top:18px}.single-panel,.tab-section-head{margin-top:18px}.tab-section-head p{color:var(--text-soft);margin-top:6px}.panel{border-radius:26px;padding:22px}.panel-table{flex:1.6}.side-stack{flex:.9;gap:18px;display:grid}.panel-head{justify-content:space-between;margin-bottom:18px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid #7a91c31f;padding:12px 8px;font-size:.92rem}th{color:#73809b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.text-link{color:#2c5cf6;cursor:pointer;background:0 0;border:0;margin-top:18px;font-weight:700}.text-link.small{margin-top:10px}.status-pill{border-radius:999px;align-items:center;padding:7px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.paid,.captured,.issued{color:#2d9b42;background:#ecfff1}.pending,.open,.reserved,.processing,.partially-paid{color:#f08b24;background:#fff5e8}.settled{color:#3667f5;background:#edf3ff}.overdue,.disputed,.refunded,.reversed{color:#dc4a5f;background:#ffecee}.adjusted,.due,.redeemed,.expired{color:#8b4dff;background:#f4ebff}.profit-card{align-items:center;gap:20px;margin:16px 0}.donut-chart{aspect-ratio:1;background:radial-gradient(circle, #fffffffa 32%, transparent 33%), conic-gradient(#2f64ff 0 70%, #8e56ff 70% 95%, #f6b10a 95% 100%);border-radius:50%;place-items:center;width:150px;display:grid}.donut-hole{color:#2f64ff;font-weight:800}.legend{flex-direction:column;gap:12px}.legend div{padding-left:18px;position:relative}.legend-dot{border-radius:50%;width:9px;height:9px;position:absolute;top:7px;left:0}.legend-dot.blue{background:#2f64ff}.legend-dot.violet{background:#8e56ff}.legend-dot.gold{background:#f6b10a}.panel-copy{font-size:.92rem;line-height:1.5}.settlement-stack,.mini-ledger,.settings-list,.stats-stack{gap:14px;display:grid}.stat-item{background:#f5f8ffe0;border-radius:18px;justify-content:space-between;gap:14px;padding:14px 16px;display:flex}.settlement-item,.mini-ledger-row,.setting-row{justify-content:space-between;gap:14px}.settlement-item,.mini-ledger-row,.setting-row,.formula-box{background:#f5f8ffe0;border-radius:18px;padding:14px 16px}.settlement-meta{justify-items:end;gap:8px;display:grid}.details-grid{gap:18px;margin-top:18px}.details-grid>.panel{flex:1}.formula-box{margin:14px 0}.settings-action{width:100%;margin-top:18px}@media (width<=1280px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.side-nav{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.content-grid,.details-grid,.profit-card{flex-direction:column}.cta-group{margin-left:0}}@media (width<=720px){.dashboard{padding:20px 16px 28px}.sidebar{padding:20px 16px}.side-nav{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:12px}.feedback-link{margin:0}.topbar-actions,.cta-group{width:100%}.ghost-chip,.menu-chip,.button{flex:1}.kpi-card{min-width:100%}}