@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#17241d;font-synthesis:none;--green-950:#102f23;--green-800:#18563d;--green-600:#247451;--green-100:#dff1e7;--gold-500:#d79a30;--ink:#17241d;--muted:#66736c;--line:#dce4df;--surface:#fff;background:#f5f7f5;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select{font:inherit}button{min-height:44px}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--green-950);color:#fff;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.identity{align-items:center;gap:12px;display:flex}.identity .mark{width:42px;height:42px;color:var(--green-800);background:#fff;border-radius:12px;place-items:center;display:grid}.identity svg{width:23px}.identity strong,.identity span{display:block}.identity span{color:#bcd0c5;margin-top:2px;font-size:.84rem}.sidebar nav{margin-top:42px}.sidebar a{color:#dce9e2;border-radius:9px;align-items:center;gap:11px;padding:12px 13px;font-weight:600;text-decoration:none;display:flex}.sidebar a svg{width:19px}.sidebar .nav-active{color:#fff;background:#24543f}.secure-note{color:#dce9e2;border-top:1px solid #315d49;gap:10px;margin-top:auto;padding-top:20px;display:flex}.secure-note svg{width:19px}.secure-note strong,.secure-note span{font-size:.79rem;display:block}.secure-note span{color:#aac3b6;margin-top:2px}main{width:100%;max-width:1500px;margin:auto;padding:36px clamp(22px,4vw,58px) 58px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--green-600);margin:0 0 7px;font-size:.72rem;font-weight:700}.topbar h1{margin:0;font:800 clamp(1.8rem,3vw,2.5rem)/1.1 Manrope,sans-serif}.subtitle{color:var(--muted);margin:8px 0 0}.account{text-align:right;align-items:center;gap:14px;display:flex}.account strong,.account span{display:block}.account span{color:var(--muted);margin-top:3px;font-size:.78rem}.icon-button{border:1px solid var(--line);color:#44544b;cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:44px;display:grid}.icon-button:hover,.icon-button:focus-visible{border-color:var(--green-600);color:var(--green-800)}.icon-button svg{width:18px}.toolbar{justify-content:flex-end;align-items:end;gap:12px;margin:30px 0 18px;display:flex}.toolbar label{color:var(--muted);gap:5px;font-size:.76rem;font-weight:600;display:grid}.toolbar select{border:1px solid var(--line);height:44px;color:var(--ink);background:#fff;border-radius:9px;padding:0 36px 0 12px}.secondary-button,.text-button{border:1px solid var(--line);color:#33483d;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:flex}.secondary-button:hover:not(:disabled),.secondary-button:focus-visible{border-color:var(--green-600)}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #76b995}.secondary-button svg,.text-button svg{width:17px}.secondary-button:disabled,.text-button:disabled{opacity:.55;cursor:not-allowed}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:174px;padding:20px;box-shadow:0 7px 25px #1637270a}.metric-icon{border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:17px;display:grid}.metric-icon svg{width:20px}.metric-icon.green{color:#176943;background:#dff1e7}.metric-icon.gold{color:#9a6106;background:#fff0d4}.metric-icon.blue{color:#1a648f;background:#e0eff9}.metric-icon.red{color:#a03232;background:#fae4e4}.metric-icon.slate{color:#52635a;background:#e9eeeb}.metric p{color:var(--muted);margin:0;font-size:.84rem}.metric>strong{margin:7px 0;font:800 1.65rem Manrope,sans-serif;display:block}.metric>span{color:#718078;font-size:.78rem}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:16px;margin-top:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;box-shadow:0 7px 25px #1637270a}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel-heading h2{margin:0;font:700 1.05rem Manrope,sans-serif}.panel-heading>span{color:var(--muted);font-size:.75rem}.chart{align-items:stretch;gap:clamp(5px,1vw,14px);height:250px;padding-top:36px;display:flex;overflow-x:auto}.bar-column{text-align:center;min-width:34px;color:var(--muted);flex:1;grid-template-rows:18px 1fr 25px;gap:5px;font-size:.68rem;display:grid}.bar-value{opacity:0;transition:opacity .2s}.bar-column:hover .bar-value{opacity:1}.bar-track{background:#f0f4f1;border-radius:5px;align-items:flex-end;height:100%;display:flex;overflow:hidden}.bar{background:linear-gradient(#319269,#1b6748);border-radius:5px 5px 0 0;width:100%;min-height:4px}.health-row{color:var(--muted);border-bottom:1px solid #edf1ee;justify-content:space-between;padding:17px 0;display:flex}.health-row strong{color:var(--ink)}.hint{color:var(--muted);margin:17px 0 0;font-size:.76rem;line-height:1.5}.recent{margin-top:16px;padding:0}.recent .panel-heading{padding:21px 22px 15px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#718078;background:#f8faf8;padding:11px 22px;font-size:.68rem}td{color:#45534c;border-top:1px solid #edf1ee;padding:14px 22px;font-size:.84rem}td strong,td span{display:block}td span{color:#7a877f;margin-top:3px;font-size:.75rem}.amount{text-align:right}.badge{text-transform:capitalize;color:#52635a;background:#edf1ef;border-radius:999px;padding:5px 9px;font-weight:700;font-size:.7rem!important;display:inline-block!important}.status-captured{color:#176943;background:#dff1e7}.status-failed,.status-disputed,.status-refund_failed{color:#9d2e2e;background:#fae4e4}.status-refunded,.status-partially_refunded,.status-refund_processed{color:#8a5707;background:#fff0d4}.empty{min-height:180px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.empty svg{width:26px}.empty strong{color:var(--ink)}.empty span{font-size:.8rem}.error{color:#7c2525;background:#fff1f1;border:1px solid #efcaca;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.error svg{flex:none;width:21px}.error strong,.error span{display:block}.error span{margin-top:2px;font-size:.8rem}.error button{color:#fff;background:#8c2e2e;border:0;border-radius:8px;margin-left:auto;padding:0 14px}.auth-page{background:radial-gradient(circle at 20% 20%,#e4f1e9 0,#0000 36%),#f5f7f5;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;width:min(100%,450px);padding:40px;box-shadow:0 22px 70px #1439271f}.auth-logo{background:var(--green-950);color:#fff;border-radius:15px;place-items:center;width:58px;height:58px;margin:0 auto 24px;display:grid}.auth-logo.warning{color:#8a5707;background:#fff0d4}.auth-card h1{margin:5px 0 12px;font:800 2rem Manrope,sans-serif}.auth-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.primary-button{background:var(--green-800);color:#fff;cursor:pointer;border:0;border-radius:9px;width:100%;margin-top:18px;padding:0 20px;font-weight:700}.primary-button:hover{background:#10462f}.auth-security{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:.76rem;display:flex}.auth-security svg{width:16px}.skeleton{background:linear-gradient(90deg,#eef2ef 25%,#f8faf8 50%,#eef2ef 75%) 0 0/200% 100%;animation:1.4s infinite pulse}.spin{animation:.9s linear infinite spin}@keyframes pulse{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;height:auto;padding:17px 20px;position:static}.sidebar nav,.secure-note{display:none}main{padding:24px 16px 40px}.topbar{display:block}.account{text-align:left;justify-content:space-between;margin-top:20px}.toolbar{justify-content:space-between}.metrics{grid-template-columns:1fr}.metric{min-height:155px}.panel{padding:18px}.recent{padding:0}.auth-card{padding:30px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}