:root{--bg:#050b16;--panel:#0b1526;--panel2:#10213a;--text:#edf5ff;--muted:#8b9fb9;--line:#203550;--accent:#75b8ff;--solid:#164a8a;--blue:#9bdaff;--shadow:0 24px 80px #0005}html[data-theme=light]{--bg:#f0f5fc;--panel:#fff;--panel2:#e8f0fb;--text:#132844;--muted:#60758f;--line:#cfdded;--accent:#2365af;--solid:#174c8b;--blue:#2589bd;--shadow:0 20px 60px #1c477513}#app{--bg:#040a13;--panel:#0a1423;--panel2:#10223a;--text:#e9f3ff;--muted:#8a9eb8;--line:#1e324b;--accent:#7ab9ff;--solid:#194e8e;--blue:#9ed7ff;background:radial-gradient(ellipse at 60% 0%,#163b662b,transparent 60%),var(--bg)}html[data-theme=light] #app{--bg:#f0f5fc;--panel:#fff;--panel2:#e8f0fb;--text:#132844;--muted:#60758f;--line:#cfdded;--accent:#2365af;--solid:#174c8b;--blue:#2589bd}.primary,#app .primary{background:linear-gradient(115deg,#123962,#1f5b9e 60%,#317ac1)!important;border-color:#497eb5!important;color:#f5faff!important;box-shadow:inset 0 1px 0 #a2ceff40,0 0 23px #2673b934!important;transition:transform .2s,box-shadow .2s}.primary:hover,#app .primary:hover{box-shadow:inset 0 1px 0 #c3e2ff70,0 0 32px #298bdf65!important;transform:translateY(-2px)}.mark,#app .mark{background:linear-gradient(135deg,#236bb0,#15355e)!important;box-shadow:0 0 20px #398de633;color:#e6f5ff!important}.hero:before{background:radial-gradient(ellipse at 50% 30%,#328bd928,transparent 65%)}.hero .preview{background:linear-gradient(145deg,var(--panel),var(--panel2));border-color:var(--line)}.stat.highlight{background:linear-gradient(130deg,#12335b,#1d609b);border-color:#3d84ba}.top{background:color-mix(in srgb,var(--panel) 85%,transparent)!important;border-color:var(--line)!important}.sidebar,#app .sidebar{background:linear-gradient(180deg,var(--panel),var(--bg))!important;border-color:var(--line)}#app .navbtn.active{background:linear-gradient(100deg,#1c599438,#1c599410)!important;color:var(--accent)!important;border-color:#3b6c9d55;box-shadow:inset 3px 0 0 #5ea8f2}#app .wallet-main{background:radial-gradient(ellipse at 100% 0,#285e923b,transparent 65%),var(--panel)!important;border-color:#345c85!important;box-shadow:0 12px 40px #0002,inset 0 1px 0 #83bfff13}#app .quad-item.hot{background:linear-gradient(135deg,#16487b,#0c2949)!important;color:#eaf5ff;border-color:#356d9c!important}#app .quad-item.hot small{color:#bbd7f0!important}#app .metric-quad,#app .chart-panel,#app .card{border-color:var(--line)}#app .revenue-meter i{background:linear-gradient(90deg,#1b568b,#81caff)!important}#app .avatar,#app .store-avatar{background:#193e65!important;color:#c8e7ff!important}.support-menu{position:relative}.support-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:11px;background:var(--panel)}.support-menu>summary::-webkit-details-marker{display:none}.support-pop{position:absolute;z-index:90;right:0;top:calc(100% + 10px);width:230px;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:9px;box-shadow:var(--shadow)}.support-pop a{display:flex;gap:12px;padding:12px;border-radius:9px;align-items:center}.support-pop a:hover{background:var(--panel2)}.support-pop svg{width:23px;fill:var(--accent)}.support-pop b,.support-pop small{display:block}.support-pop b{font-size:12px}.support-pop small{font-size:10px;margin-top:3px}.fees-section{max-width:1120px;margin:auto;padding:70px 28px}.fees-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;margin-top:30px}.fee-copy{padding:35px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 0 0,#3679be20,transparent 70%),var(--panel)}.fee-copy h3{font-size:38px;letter-spacing:-1.5px;margin:15px 0}.fee-copy p{color:var(--muted);line-height:1.8;font-size:13px}.fee-copy small{display:block;font-size:10px;line-height:1.8}.fee-example{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.fee-example>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px;gap:15px}.fee-example>div span{color:var(--muted)}.fee-example .fee-total{border:0;color:var(--accent);font-size:18px}.fee-flow{height:3px;overflow:hidden;background:var(--line);border-radius:4px;margin-top:20px}.fee-flow i{display:block;width:35%;height:100%;background:linear-gradient(90deg,transparent,#81c8ff,transparent);animation:fee-flow 4s linear infinite}.fee-example>small{display:block;color:var(--muted);font-size:10px;line-height:1.8;margin-top:16px}.support-callout{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px;margin-top:30px;border:1px solid var(--line);background:var(--panel2);border-radius:18px}.support-callout b{display:block;font-size:20px}.support-callout p{font-size:12px;color:var(--muted)}.support-callout a{white-space:nowrap;padding:12px 18px;border-radius:10px}.delivery-guides{max-width:1120px;margin:auto;padding:65px 28px}.delivery-guides h2,.fees-section h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-1.7px;margin:16px 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.guide-card{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:28px}.guide-card h3{font-size:20px;margin:15px 0}.guide-card ol{padding-left:20px;color:var(--muted);font-size:12px;line-height:1.9}.guide-card li{padding:7px 0}.guide-card>small{font-size:10px;display:block;line-height:1.8}.tutorial-top{margin-bottom:25px}.tutorial-top summary{cursor:pointer;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);font-size:12px}.tutorial-top .guide-grid{margin-top:14px}.tutorial-top p{color:var(--muted);font-size:12px}.identity-business{box-shadow:0 0 24px #458cd61a}.identity-copy h2>span{color:var(--accent)}.story-stage-controls button[aria-pressed=true]{border-color:var(--accent)}@keyframes fee-flow{from{transform:translateX(-100%)}to{transform:translateX(380%)}}@media(min-width:1100px){#app .content{max-width:1600px;margin:auto;padding:30px 36px}#app .sidebar{width:225px}#app .topbar{padding-inline:30px}}@media(max-width:700px){.fees-grid,.guide-grid{grid-template-columns:1fr}.fee-copy,.fee-example{padding:24px}.support-callout{align-items:start;flex-direction:column}.support-menu>summary{padding:8px;font-size:10px}.fees-section,.delivery-guides{padding:45px 20px}}@media(prefers-reduced-motion:reduce){.fee-flow i{animation:none}.primary,#app .primary{transition:none}.primary:hover,#app .primary:hover{transform:none}}
/* Layout revision: one spacing system across merchant pages. */
.support-menu>summary>svg{width:17px;height:17px;flex:none;color:var(--accent)}
#app .sidebar{width:208px;padding:24px 15px}#app .workspace{margin-left:208px;min-width:0}#app .appbar{height:76px;padding:0 28px;gap:16px}#app .content{padding:24px 28px 48px;max-width:1580px}#app .notice{margin-bottom:22px;font-size:9px;letter-spacing:.15px;background:transparent;border-color:var(--line);opacity:.85}#app .pagehead{margin-bottom:23px}#app h1{font-size:27px;line-height:1.2;letter-spacing:-1px;font-weight:650}#app h2{font-size:13px;font-weight:600;letter-spacing:-.15px}#app .navbtn[data-page]{height:41px;margin:2px 0;border-radius:8px;font-size:11px}#app .sidebar .label{margin-top:24px;letter-spacing:1.5px;font-size:8px}#app .sidebar .brand{font-size:17px;padding-bottom:22px}#app .panel{background:linear-gradient(145deg,#ffffff02,transparent 65%),var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 6px 22px #0000000a}#app .panel-heading{margin-bottom:20px;gap:15px}#app .dash-top{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;align-items:stretch}#app .wallet-main{grid-column:1;grid-row:span 2;padding:25px;border-radius:14px;display:flex;flex-direction:column;justify-content:center}#app .wallet-main h2{margin:0 0 16px}#app .wallet-big{font-size:36px;line-height:1.2;letter-spacing:-1.7px;margin:0 0 21px;font-weight:650}#app .wallet-actions{gap:8px;display:flex}#app .wallet-actions button{font-size:10px;flex:1;padding:10px 8px;border-radius:8px}#app .wallet-pending{font-size:9px;margin-top:20px;padding:13px 0;border-top:1px solid var(--line);background:transparent;border-radius:0}#app .wallet-main>small{font-size:8px!important;line-height:1.7;max-width:240px}#app .metric-quad{display:contents}#app .quad-item{border:1px solid var(--line)!important;border-radius:14px;background:var(--panel);padding:19px 20px;min-height:127px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}#app .quad-item small{font-size:9px;line-height:1.7;color:var(--muted)}#app .quad-item .num{font-size:27px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin:11px 0}#app .quad-item:after{content:'';position:absolute;right:-25px;top:-25px;width:80px;height:80px;border:1px solid #ffffff08;border-radius:50%}#app .store-card{display:none}#app .section-rule{font-size:10px;letter-spacing:.25px;margin:28px 0 14px;padding:0;border:0;color:var(--text)}#app .section-rule small{font-size:9px;letter-spacing:0;color:var(--muted)}#app .dash-main{display:grid;grid-template-columns:1.75fr 1fr;gap:14px}#app .chart{height:195px;border-bottom:1px solid var(--line);padding:15px 0 0;gap:16px}#app .bar{background:linear-gradient(180deg,#69b8fb,#1d5085)!important;border:1px solid #70bbff33;box-shadow:0 0 18px #3795ef15;border-radius:5px 5px 0 0;max-width:38px}#app .chart .bar:hover{filter:brightness(1.2)}#app .ring{width:146px;height:146px;margin:12px auto 23px;background:conic-gradient(#5ba8ed 0 88%,var(--panel2) 88% 100%);box-shadow:0 0 30px #2a71b017}#app .ring-inner{width:124px;height:124px;background:var(--panel)}#app .ring-inner b{font-size:25px;font-weight:600}#app .ring-inner small{font-size:8px}#app .status-legend{display:flex;justify-content:space-around;gap:12px}#app .status-legend>div{font-size:9px;text-align:center;padding:0;border:0}#app .status-legend b{display:block;margin-top:5px;font-size:14px}#app .segments{padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:8px}#app .segments button{padding:5px 9px;font-size:9px;border:0;border-radius:5px}#app .segments button.active{background:var(--panel2);color:var(--accent)}#app .dash-bottom,#app .operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#app .row{font-size:10px;gap:12px;padding:12px 0}#app .row b{font-weight:600}#app .subtle{font-size:9px;line-height:1.8}#app .progress{height:4px;background:var(--panel2);border-radius:6px}#app .progress i{background:linear-gradient(90deg,#1c527f,#77c6ff)!important;border-radius:6px}#app .summary-number{font-size:30px;font-weight:600;letter-spacing:-1px}#app .account-summary{gap:35px}#app .dashboard-table input{font-size:10px;padding:9px 12px;border-radius:8px;max-width:245px}#app table{font-size:10px}#app th{font-size:8px;letter-spacing:.8px;font-weight:500;color:var(--muted);background:var(--panel2)}#app td{padding-top:17px;padding-bottom:17px}#app .badge{font-size:8px;font-weight:500;border:1px solid var(--line);background:var(--panel2)}#app .appbar .badge{font-size:8px}#app .revenue-top{padding:8px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}#app .revenue-top small{font-size:7px}#app .revenue-top b{font-size:11px}#app .profile-toggle{border-radius:10px}#app .theme{background:var(--panel);border-color:var(--line)}#app .quick-nav{display:flex;gap:5px;padding:5px;width:fit-content;border:1px solid var(--line);border-radius:11px;background:var(--panel);margin:0 0 24px}#app .quick-nav button{border:0;padding:8px 15px;border-radius:7px;color:var(--muted);font-size:10px;background:transparent}#app .quick-nav .selected{background:var(--panel2);color:var(--accent)}#app .quick-nav button:hover{background:var(--panel2);color:var(--text)}#app .rank-row{font-size:10px}#app .server-metrics{font-size:9px}#app .operation-icon{width:29px;height:29px;border-radius:8px;background:var(--panel2);color:var(--accent)}#app.compact .sidebar{width:76px}#app.compact .workspace{margin-left:76px}html[data-theme=light] #app .quad-item.hot{background:linear-gradient(135deg,#153e6a,#24649b)!important}html[data-theme=light] #app .quad-item.hot .num{color:#fff}html[data-theme=light] #app .wallet-main{background:radial-gradient(ellipse at 100% 0,#cee4ff,transparent 75%),var(--panel)!important}html[data-theme=light] #app .ring-inner{background:#fff}
@media(min-width:1500px){#app .dash-top{grid-template-columns:1.15fr 1fr 1fr 1fr 1fr}#app .wallet-main{grid-row:auto}#app .quad-item{justify-content:center}#app .wallet-main{padding:22px}#app .wallet-big{font-size:32px}#app .wallet-pending{margin-top:12px}#app .wallet-main>small{display:none}}
@media(max-width:1100px){#app .sidebar{width:178px;padding:23px 12px}#app .workspace{margin-left:178px}#app .appbar{padding:0 20px}#app .content{padding:22px 20px}#app .profile-label{display:none}#app .dash-top{grid-template-columns:1.1fr 1fr 1fr}#app .quad-item{padding:16px 14px}#app .quad-item .num{font-size:23px}#app .wallet-main{padding:20px}#app .wallet-big{font-size:30px}#app .wallet-actions{flex-wrap:wrap}#app .dash-bottom,#app .operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#app .dash-bottom>section:last-child,#app .operations-grid>section:last-child{grid-column:1/-1}#app .store-breadcrumb{display:none}}
@media(max-width:850px){#app .sidebar{display:none;z-index:30;box-shadow:var(--shadow);width:208px}#app .sidebar.open{display:flex}#app .workspace,#app.compact .workspace{margin-left:0}#app #menu{display:block}#app .appbar{height:68px;padding:0 16px}#app .content{padding:22px 18px}#app .dash-top{grid-template-columns:1.2fr 1fr 1fr}#app .dash-main{grid-template-columns:1.5fr 1fr}#app h1{font-size:25px}#app .store-breadcrumb{display:inline-flex}#app .active-store{max-width:100px}#app .appbar .badge{display:none}}
@media(max-width:600px){#app .dash-top{grid-template-columns:1fr 1fr}#app .wallet-main{grid-column:1/-1;grid-row:auto;padding:25px}#app .wallet-big{font-size:34px}#app .wallet-main>small{max-width:none}#app .quad-item{min-height:125px}#app .wallet-actions{flex-wrap:nowrap}#app .dash-main,#app .dash-bottom,#app .operations-grid{grid-template-columns:1fr}#app .dash-bottom>section:last-child,#app .operations-grid>section:last-child{grid-column:auto}#app .pagehead{display:block}#app .pagehead .toolbar{margin-top:15px}#app .panel{padding:19px}#app .quick-nav{width:100%;justify-content:space-between}#app .quick-nav button{padding:8px 10px;font-size:9px}#app .revenue-top{display:none}#app .active-store{max-width:92px}#app .appbar>div{gap:7px}#app .support-menu>summary{font-size:10px}#app .account-summary{grid-template-columns:1fr}#app .dashboard-table .panel-heading{align-items:start;flex-direction:column}#app .dashboard-table input{max-width:none;width:100%}#app .section-rule small{max-width:55%;text-align:right}}
/* Merchant overview composition: balance + store summary, metrics, charts, finance, orders. */
#app .pagehead{margin-bottom:24px}#app .pagehead h1{font-size:29px;font-weight:700;letter-spacing:-1.1px}#app .pagehead p{font-size:12px;margin-top:8px}#app .quick-nav{display:none}#app .dash-top{grid-template-columns:1fr 1fr;gap:18px}#app .wallet-main{grid-column:1;grid-row:1;padding:28px;min-height:290px;justify-content:space-between}#app .wallet-big{font-size:46px;margin:12px 0 20px;letter-spacing:-2px}#app .wallet-actions button{padding:12px;font-size:11px;border-radius:11px}#app .wallet-pending{background:var(--panel2);border:1px solid var(--line);padding:14px;border-radius:12px;margin-top:17px}#app .wallet-main>small{display:block;font-size:8px!important;max-width:none;margin-top:9px!important}#app .store-card{display:flex;flex-direction:column;grid-column:2;grid-row:1;background:radial-gradient(ellipse at 50% 40%,#2864a02b,transparent 60%),var(--panel);border:1px solid var(--line);padding:28px;border-radius:16px;min-height:290px;position:relative;overflow:hidden}#app .store-card h2{font-size:14px;margin:0}#app .store-card p{font-size:10px;line-height:1.8;color:var(--muted)}#app .store-card .store-visual{display:grid;place-items:center;flex:1;min-height:95px;margin:12px 0}#app .store-visual>span{display:grid;place-items:center;width:68px;height:68px;border:1px solid #619bc577;border-radius:20px;transform:rotate(-10deg);background:linear-gradient(145deg,#246398,#102b49);box-shadow:14px 10px 0 #396d9f14,0 15px 45px #338bd62b;font-size:40px;font-weight:800;color:#cfebff}#app .store-card .store-summary-title{display:flex;align-items:center;justify-content:space-between;gap:15px}#app .store-card .store-summary-title b{font-size:13px}#app .store-card .store-summary-title small{font-size:9px}#app .store-card .progress{margin:12px 0}#app .store-card .badge{align-self:start;margin-top:8px}#app .metric-quad{display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;overflow:hidden;gap:0;background:var(--panel)}#app .quad-item{border-radius:0!important;border:0!important;border-right:1px solid var(--line)!important;padding:25px 22px;min-height:168px}#app .quad-item:last-child{border-right:0!important}#app .quad-item .num{font-size:32px;margin:17px 0;font-weight:650}#app .quad-item small{font-size:10px}#app .quad-item.hot{background:linear-gradient(115deg,#174978,#2877b6)!important}#app .dash-main{grid-template-columns:1.7fr 1fr;gap:18px}#app .section-rule{margin:30px 0 15px;font-size:11px}#app .dash-bottom{grid-template-columns:1fr 1fr;gap:18px}#app .dash-bottom>section:last-child{grid-column:auto}#app .panel{border-radius:16px}#app .appbar{box-shadow:none;border-bottom:1px solid var(--line)}#app .notice{font-size:8px;padding:7px 11px;margin-bottom:20px}#app .chart{height:210px}#app .operations-grid{gap:18px}#app .account-summary{padding:25px}#app .dashboard-table th{padding-top:12px;padding-bottom:12px}
@media(min-width:1500px){#app .dash-top{grid-template-columns:1fr 1.4fr 1fr}#app .wallet-main{grid-column:1;grid-row:1}#app .metric-quad{grid-column:2;grid-row:1;grid-template-columns:1fr 1fr}#app .store-card{grid-column:3;grid-row:1}#app .quad-item{min-height:145px;padding:21px}#app .quad-item:nth-child(-n+2){border-bottom:1px solid var(--line)!important}#app .quad-item .num{font-size:29px}}
@media(max-width:1000px){#app .metric-quad{grid-template-columns:1fr 1fr}#app .quad-item:nth-child(-n+2){border-bottom:1px solid var(--line)!important}#app .quad-item{min-height:148px;padding:23px}#app .quad-item:nth-child(2){border-right:0!important}#app .dash-main{grid-template-columns:1.5fr 1fr}#app .wallet-main,#app .store-card{padding:23px}}
@media(max-width:600px){#app .dash-top{grid-template-columns:1fr}#app .wallet-main{grid-column:1;grid-row:1;min-height:290px}#app .store-card{grid-column:1;grid-row:3;min-height:245px}#app .metric-quad{grid-column:1;grid-row:2}#app .quad-item{padding:20px 17px;min-height:145px}#app .quad-item .num{font-size:26px}#app .quad-item small{font-size:9px}#app .dash-main,#app .dash-bottom{grid-template-columns:1fr}#app .pagehead h1{font-size:26px}#app .wallet-big{font-size:43px}}