:root{color:#10233f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--navy:#0f2747;--navy-soft:#17365f;--green:#1f7a5a;--green-soft:#e7f4ee;--grey-900:#324055;--grey-700:#5e6c83;--grey-500:#94a0b2;--grey-300:#d7deea;--grey-200:#e8edf5;--white:#fff;--danger:#a04d4d;--amber:#ad7b27;--shadow:0 24px 48px #0f274714;background:radial-gradient(circle at 0 0,#1f7a5a14,#0000 30%),linear-gradient(#f5f7fb 0%,#eef2f7 100%);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--navy-soft)}#root{min-height:100vh}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#ffffffeb;background:linear-gradient(#0d203b 0%,#132d52 100%);flex-direction:column;gap:24px;padding:24px 20px;display:flex}.sidebar__brand,.topbar,.topbar__actions,.topbar__profile,.button-row,.filter-row,.detail-row,.setting-row,.panel__header{align-items:center;display:flex}.sidebar__brand{gap:14px}.sidebar__brand span,.merchant-card span,.topbar__profile span,.muted,.panel__meta,.stat-card__subtitle,.login-copy{color:var(--grey-700)}.brand-mark,.avatar,.report-card__icon{border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.brand-mark{background:#ffffff1f}.merchant-card,.panel,.stat-card,.login-card{background:var(--white);box-shadow:var(--shadow);border:1px solid #d7deeacc;border-radius:24px}.merchant-card{color:var(--navy);padding:18px}.merchant-card h2,.panel h3,.report-card h3,.setting-row h3,.login-card h1,.topbar h1{margin:0}.merchant-card h2{margin-bottom:6px;font-size:1.1rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--grey-500);margin:0 0 8px;font-size:.74rem}.sidebar__nav{flex-direction:column;gap:8px;display:flex}.sidebar__link,.sidebar__logout{color:#ffffffd1;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.sidebar__link:hover,.sidebar__link.active{color:var(--white);background:#ffffff1f}.sidebar__logout{background:#ffffff14;justify-content:center;margin-top:auto}.app-shell__main{padding:24px}.topbar{justify-content:space-between;gap:24px;margin-bottom:24px}.topbar__actions{gap:14px}.search-box{border:1px solid var(--grey-300);background:#ffffffb3;border-radius:999px;align-items:center;gap:10px;min-width:240px;padding:10px 14px;display:flex}.search-box input{background:0 0;border:0;outline:none;width:100%}.icon-button{border:1px solid var(--grey-300);background:#fffc;border-radius:14px;width:42px;height:42px}.topbar__profile{border:1px solid var(--grey-300);background:#fffc;border-radius:16px;gap:12px;padding:8px 12px}.avatar,.report-card__icon{background:var(--navy);color:var(--white)}.app-shell__body,.page-content,.split-stack,.stack{flex-direction:column;display:flex}.page-content{gap:24px}.stats-grid,.dashboard-grid,.report-grid,.two-column{gap:20px;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1.1fr .9fr}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.panel{padding:22px}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";background:#ffffff42;border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -30px -30px auto}.stat-card.navy{color:var(--white);background:linear-gradient(135deg,#102948 0%,#193d67 100%)}.stat-card.green{color:var(--white);background:linear-gradient(135deg,#1a6c50 0%,#28926d 100%)}.stat-card.amber{color:var(--white);background:linear-gradient(135deg,#9b6e1f 0%,#bf8e3b 100%)}.stat-card.red{color:var(--white);background:linear-gradient(135deg,#8c4e4e 0%,#ba6969 100%)}.stat-card.slate{color:var(--white);background:linear-gradient(135deg,#516173 0%,#7a8ca1 100%)}.stat-card__title,.stat-card__subtitle{z-index:1;position:relative}.stat-card__title{font-size:.95rem}.stat-card__value{z-index:1;margin:14px 0 8px;font-size:1.8rem;display:block;position:relative}.stat-card .stat-card__subtitle,.stat-card.navy .stat-card__subtitle,.stat-card.green .stat-card__subtitle,.stat-card.amber .stat-card__subtitle,.stat-card.red .stat-card__subtitle,.stat-card.slate .stat-card__subtitle{color:#ffffffc2}.chart-card__body{min-height:280px}.panel__header{justify-content:space-between;gap:16px;margin-bottom:20px}.status-badge{color:var(--grey-900);background:#edf1f6;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.status-badge.success{background:var(--green-soft);color:var(--green)}.status-badge.pending{color:var(--amber);background:#fbf3e4}.status-badge.neutral{color:var(--grey-900);background:#edf1f6}.tabs,.button-row,.filter-row{flex-wrap:wrap;gap:12px}.tab,.filter-chip,.secondary-button,.primary-button{border:1px solid var(--grey-300);background:var(--white);border-radius:14px;padding:11px 16px}.tab.active,.filter-chip.active,.primary-button{background:var(--navy);color:var(--white);border-color:var(--navy)}.secondary-button,.primary-button{align-items:center;gap:8px;display:inline-flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid label,.login-form label{color:var(--grey-900);flex-direction:column;gap:8px;font-weight:600;display:flex}.form-grid input,.form-grid select,.login-form input{border:1px solid var(--grey-300);background:#fbfcfe;border-radius:14px;padding:12px 14px}.full-width{grid-column:1/-1}.qr-preview{text-align:center;justify-content:center;align-items:center}.qr-preview__code{border:1px solid var(--grey-200);background:#fff;border-radius:24px;padding:16px}.break-all{overflow-wrap:anywhere}.table-wrapper{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:980px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--grey-200);vertical-align:top;padding:14px 12px}.data-table th{color:var(--grey-700);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.table-empty{text-align:center;color:var(--grey-700);padding:32px}.login-page{place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{flex-direction:column;gap:24px;width:100%;max-width:520px;padding:32px;display:flex}.login-card h1{font-size:2.2rem;line-height:1.1}.login-form{flex-direction:column;gap:16px;display:flex}.demo-credentials,.field-block,.detail-list,.stack{gap:10px}.demo-credentials{background:#f4f7fb;border-radius:18px;flex-direction:column;padding:16px;display:flex}.form-error{color:var(--danger);margin:0}.split-stack{gap:24px}.report-card{flex-direction:column;gap:16px;display:flex}.detail-list{flex-direction:column;display:flex}.detail-row,.setting-row{border-bottom:1px solid var(--grey-200);justify-content:space-between;gap:16px;padding:14px 0}.detail-row:last-child,.setting-row:last-child{border-bottom:0}.settings-list{flex-direction:column;display:flex}.toggle{background:#d6dde8;border:0;border-radius:999px;align-items:center;width:58px;height:34px;padding:4px;display:flex}.toggle span{background:var(--white);border-radius:50%;width:26px;height:26px;transition:transform .2s}.toggle.active{background:var(--green);justify-content:flex-end}@media (width<=1200px){.stats-grid,.report-grid,.dashboard-grid,.two-column{grid-template-columns:1fr}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{padding-bottom:12px}.topbar{flex-direction:column;align-items:flex-start}.topbar__actions{flex-wrap:wrap;width:100%}.search-box{width:100%;min-width:0}}@media (width<=720px){.app-shell__main,.login-page{padding:16px}.stats-grid,.form-grid{grid-template-columns:1fr}.login-card{padding:24px}}