:root{--ink:#122c3d;--muted:#73838d;--nav:#0e2436;--teal:#087f70;--green:#0b9f86;--line:#e4ebee;--paper:#f5f7f9;--white:#fff;--shadow:0 8px 30px #17364406}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #09b89c;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #d8e2e7;background:#fff;padding:13px 14px;border-radius:10px;color:var(--ink);outline:none;min-height:46px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #0b9f8614}label{font-size:12px;font-weight:600;display:block;margin:16px 0 6px}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100dvh}.sidebar{background:var(--nav);color:#a4b6c3;padding:30px 19px;position:fixed;inset:0 auto 0 0;width:224px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:10px;align-items:center;color:white;font-size:23px;font-weight:750;letter-spacing:-.9px}.brand img{width:33px;height:33px}.brand small{display:block;color:#7c98aa;font-size:8px;letter-spacing:1.3px;margin-top:-5px}.side-label{font-size:9px;letter-spacing:1.7px;margin:45px 14px 13px;color:#698294;font-weight:600}.nav-button{border:0;background:none;color:#9bb0be;display:flex;align-items:center;gap:13px;width:100%;padding:13px 15px;border-radius:9px;text-align:left;margin:3px 0;font-size:13px}.nav-button.active{color:#b0f4e1;background:#133b44}.nav-button.active:before{content:"";width:3px;background:#38d7b0;height:17px;position:absolute;left:0;border-radius:0 3px 3px 0}.nav-button svg{width:18px;height:18px}.side-footer{margin-top:auto;font-size:11px;padding:20px 10px}.side-footer p{color:#7393a5;line-height:1.7}.side-footer a{color:#bfdbd8}.main{grid-column:2;min-width:0}.topbar{height:80px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:16px}.breadcrumb{font-size:12px;color:#8a99a4}.breadcrumb strong{color:#2b4252;font-weight:550}.top-actions{display:flex;gap:18px;align-items:center}.mode-pill{font-size:10px;color:#9b7119;background:#fff6de;border:1px solid #f5e8bd;padding:5px 10px;border-radius:20px;white-space:nowrap}.mode-pill:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#c99624;margin-right:6px}.language{border:0;background:white;font-size:11px;width:100px;min-height:36px;padding:5px}.avatar{width:34px;height:34px;border-radius:50%;background:#e2f1ed;color:#137b68;display:grid;place-items:center;font-weight:700;font-size:12px}.profile-button{display:flex;align-items:center;gap:9px;background:none;border:0;padding:0}.profile-button span{text-align:left;font-size:11px;color:var(--ink)}.profile-button small{display:block;color:#92a0aa;font-size:9px}.content{padding:36px 42px 40px;max-width:1550px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:9px;color:var(--teal);font-weight:700}.heading h1{font-size:29px;letter-spacing:-1px;font-weight:650;margin:5px 0}.subtle{color:var(--muted);font-size:12px}.heading p{margin:0}.date{font-size:11px;color:#7a8a94;display:flex;align-items:center;gap:8px}.date svg{width:15px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:25px}.panel{border:1px solid var(--line);background:white;border-radius:15px;box-shadow:var(--shadow)}.hero{background:var(--nav);color:white;border:0;padding:29px 32px;min-height:190px;position:relative;overflow:hidden;margin-bottom:23px}.hero h2{font-size:25px;line-height:1.35;letter-spacing:-.8px;margin:10px 0;font-weight:600;position:relative;z-index:1}.hero p{font-size:11px;color:#9bb5c2;margin:0;max-width:330px}.hero .eyebrow{color:#64cdb4}.hero-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid #31515f;padding:5px 9px;border-radius:6px;font-size:9px;margin-top:17px;color:#bfe0dd}.hero-art{position:absolute;right:20px;top:12px;width:215px;height:215px;transform:rotate(-12deg)}.orbit{border:1px solid #315664;border-radius:50%;position:absolute;inset:0}.orbit.two{inset:22px}.orbit.three{inset:44px}.hero-phone{position:absolute;inset:39px 62px 30px 62px;background:#1a414d;border:2px solid #6f9ca8;border-radius:18px;transform:rotate(25deg);box-shadow:10px 10px 0 #0002;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3fdec0}.hero-phone svg{width:35px;height:35px}.hero-phone span{font-size:9px;color:#a6d0d4;margin-top:10px}.float-icon{position:absolute;right:9px;top:58px;background:#b5eadf;border-radius:13px;width:44px;height:44px;display:grid;place-items:center;color:#0d645b;transform:rotate(15deg);box-shadow:0 5px 15px #0003}.section-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px}.section-top h2{font-size:14px;font-weight:650;margin:0}.mini-link{border:0;background:none;color:var(--teal);font-size:11px;padding:0}.services{padding:23px 25px;margin-bottom:23px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.service{border:1px solid #e6ecef;background:white;border-radius:12px;padding:20px 12px;text-align:center;transition:.18s}.service:hover{border-color:#8dc9bc;background:#f7fcfa;transform:translateY(-2px)}.service-icon{width:47px;height:47px;border-radius:13px;background:#e7f6f0;color:#16856d;display:grid;place-items:center;margin:0 auto 12px}.service-icon.purple{background:#f0ecfc;color:#8468c9}.service-icon.blue{background:#e8f1fa;color:#4c88c1}.service-icon svg{width:23px;height:23px}.service strong{font-size:12px;font-weight:600;display:block}.service small{font-size:9px;color:#98a4ac}.table-panel{overflow:hidden}.table-panel .section-top{padding:23px 25px 0}table{border-collapse:collapse;width:100%;font-size:11px}th{text-transform:uppercase;font-size:8px;letter-spacing:1px;text-align:left;color:#91a0aa;background:#fafcfd;padding:13px 20px;font-weight:600}td{padding:16px 20px;border-top:1px solid #eef2f4;vertical-align:middle}td strong{font-size:11px;font-weight:600}td small{font-size:9px;color:#9aa6ae;display:block}.tx-type{display:flex;align-items:center;gap:10px}.tx-icon{width:32px;height:32px;background:#eef5f6;border-radius:9px;display:grid;place-items:center;color:#648997}.tx-icon svg{width:16px;height:16px}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 8px;border-radius:5px;background:#e9f7f0;color:#348c68;white-space:nowrap}.status.PENDING{color:#aa7b22;background:#fff5de}.status.REFUNDED{color:#7184a1;background:#eef1f9}.status.FAILED{color:#b45b5b;background:#fff0ee}.status:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.row-button{border:0;background:none;color:#81949d;padding:6px}.summary{padding:24px;margin-bottom:23px}.summary .eyebrow{color:#8c9ca5;font-size:8px}.summary .big{font-size:29px;font-weight:650;letter-spacing:-1px;margin:12px 0 4px}.summary .trend{font-size:10px;color:#719388}.summary-rule{height:1px;background:var(--line);margin:22px 0}.summary-item{display:flex;justify-content:space-between;font-size:11px;margin:12px 0;color:#7b8c98}.summary-item strong{color:#334d5c;font-weight:550}.chart{display:flex;align-items:flex-end;gap:8px;height:78px;margin:25px 0 8px}.chart span{flex:1;background:#dcefe9;border-radius:4px 4px 0 0;min-height:5px}.chart span:last-child{background:#1c9d83}.chart-labels{display:flex;justify-content:space-between;font-size:8px;color:#9aa8b1}.help-card{background:#e8f1ee;padding:25px;border:1px solid #deebe5;border-radius:15px}.help-card svg{color:var(--teal);width:24px;height:24px}.help-card h3{font-size:14px;margin:14px 0 7px}.help-card p{font-size:11px;color:#739086;line-height:1.7;margin:0 0 16px}.outline-btn{border:1px solid #aacdc1;color:#267a66;border-radius:8px;padding:9px 12px;background:transparent;font-size:10px}.trust{display:flex;justify-content:center;align-items:center;gap:7px;color:#a1adb5;font-size:9px;padding-top:28px}.trust svg{width:12px;height:12px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:var(--teal);color:white;border-radius:9px;min-height:45px;padding:12px 21px;font-size:12px;font-weight:600}.primary svg{width:15px;height:15px}.secondary{border:1px solid #d4e0e4;background:white;color:#53707d;border-radius:9px;padding:11px 18px;font-size:12px;min-height:44px}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.form-card{padding:30px;max-width:620px}.form-card h2{margin:0;font-size:19px}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.amounts{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.amounts button{border:1px solid #d9e4e7;border-radius:7px;background:white;padding:7px 14px;color:#57717e;font-size:11px}.amounts button:hover{border-color:var(--teal);color:var(--teal)}.note{background:#f0f7f4;border-radius:9px;padding:13px 15px;color:#5c8a7c;font-size:11px;margin:20px 0}.notice{padding:12px 16px;background:#fff7e5;border:1px solid #f0e4c5;border-radius:9px;color:#9c7b37;font-size:11px;margin:18px 0}.error{color:#ad3b3b;font-size:12px;background:#fff2f0;border-radius:7px;padding:10px 13px;margin:12px 0}.bill-result{border:1px solid #cbe2da;border-radius:12px;padding:20px;margin-top:20px;background:#f9fdfa}.bill-result p,.review-line{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#7c909a;margin:14px 0}.bill-result strong,.review-line strong{color:#2c4a58;font-weight:550}.review-total{border-top:1px solid var(--line);padding-top:18px;font-size:19px}.result-card{max-width:550px;text-align:center;padding:38px}.result-icon{width:68px;height:68px;background:#e4f6ee;border-radius:50%;display:grid;place-items:center;color:#2a9f78;margin:0 auto 20px}.result-icon svg{width:32px;height:32px}.result-card h1{font-size:24px;letter-spacing:-.8px}.result-card .review-line{text-align:left}.result-card .button-row{justify-content:center}.result-card .pending{background:#fff4d7;color:#b88b28}.tabs{display:flex;gap:9px;margin:20px 0;overflow:auto}.tabs button{border:1px solid #dfe6e9;background:white;border-radius:8px;font-size:11px;white-space:nowrap;padding:8px 15px;color:#7b8b97}.tabs button.selected{background:#e4f2ed;color:#267a66;border-color:#bfded1}.search{max-width:300px;font-size:12px;margin-bottom:15px}.empty{text-align:center;color:#8ca0ab;padding:40px;font-size:12px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px}.stat-card{padding:23px}.stat-card small{font-size:10px;color:#81929c}.stat-card strong{display:block;font-size:25px;letter-spacing:-.5px;margin-top:9px}.network-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.network-card{padding:22px;display:flex;align-items:center;gap:15px}.network-card h3{font-size:13px;margin:0 0 4px}.network-card p{font-size:10px;color:#8a9ca6;margin:0}.network-card .avatar{width:40px;height:40px}.setting-line{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:18px 0}.setting-line h3{font-size:12px;margin:0 0 3px}.setting-line p{font-size:10px;color:#8a9da8;margin:0}.ticket-list{margin-top:20px}.ticket{padding:20px;margin-bottom:12px}.ticket h3{font-size:12px;margin:0 0 6px}.ticket p{font-size:11px;color:#7d929d}.ticket small{font-size:9px;color:#94a5af}.bottomnav{display:none}.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-story{background:var(--nav);padding:50px 60px;color:white;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-story h1{font-size:49px;font-weight:550;line-height:1.18;letter-spacing:-2px;margin:90px 0 24px;max-width:430px;z-index:1}.login-story h1 span{color:#75dbc0}.login-story p{max-width:340px;color:#92b1c0;font-size:13px;line-height:1.8}.login-story .hero-art{width:310px;height:310px;right:-60px;top:auto;bottom:-20px;opacity:.6}.login-story small{margin-top:auto;padding-top:50px;color:#668799;font-size:10px}.login-form{display:flex;align-items:center;justify-content:center;padding:50px}.login-form-inner{width:100%;max-width:380px}.login-form h2{font-size:27px;letter-spacing:-.8px;margin:12px 0 5px}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:25px 0}.role-grid button{display:flex;align-items:center;gap:9px;padding:13px;background:white;border:1px solid #e1e9ed;border-radius:9px;font-size:11px;text-align:left;color:#667e8c}.role-grid button.selected{border-color:#84bfae;background:#f1f9f5;color:#247b66}.role-grid svg{width:17px;height:17px}.full{width:100%}.login-foot{text-align:center;font-size:10px;color:#9aabb3;margin-top:22px}.logout{background:none;border:0;color:#91a5b0;font-size:11px;text-align:left;padding:0}.back{border:0;background:none;padding:0;color:#7c929e;font-size:11px;display:flex;align-items:center;gap:6px;margin-bottom:20px}.back svg{width:14px}.admin-table{overflow:auto}.demo-controls{padding:20px;border:1px dashed #d6c699;border-radius:10px;margin-top:22px;background:#fffaf0;font-size:11px;color:#93793f}.demo-controls select{margin:8px 0;font-size:12px}.badge-small{font-size:8px;color:#5f9588;background:#edf8f3;border-radius:4px;padding:3px 6px}.csv-btn{font-size:11px}.danger{color:#b95c5c}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;background:#163b44;color:white;padding:12px 22px;border-radius:9px;font-size:12px;box-shadow:0 10px 40px #0002;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1}.top-banner{background:#fff6df;color:#99753a;text-align:center;font-size:10px;padding:7px 20px}.muted-label{font-size:10px;color:#8a9da6}.center-content{display:flex;justify-content:center}.mobile-brand{display:none}.privacy-copy{line-height:1.9;font-size:12px;color:#6e8590}.receipt-print{background:white}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1450px){.content{padding-top:45px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 315px}.hero{min-height:210px}.hero h2{font-size:29px}.hero p{font-size:12px}}
@media(max-width:1200px){.sidebar{width:190px;padding:25px 14px}.shell{grid-template-columns:190px 1fr}.topbar{padding:0 27px}.content{padding:27px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.hero-art{right:-40px;opacity:.6}.hero{padding:25px}.hero h2{font-size:24px}.hero p{max-width:245px}.summary{padding:21px}.service{padding:17px 5px}td,th{padding:13px}.login-story{padding:40px}.login-story h1{font-size:42px}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.summary{margin:0}.help-card{align-self:start}.hero-art{right:24px;opacity:1}.hero p{max-width:350px}.hero{min-height:200px}.date{display:none}.login-story h1{font-size:36px}.profile-button span{display:none}}
@media(max-width:700px){.shell{display:block}.sidebar{display:none}.main{width:100%}.topbar{height:65px;padding:0 20px;border-bottom:0}.breadcrumb{display:none}.mobile-brand{display:flex;color:var(--ink);font-size:20px}.mobile-brand small{color:#839ca8}.mobile-brand img{width:28px;height:28px}.top-actions{gap:10px}.language{width:54px;font-size:10px}.top-actions .mode-pill{display:none}.content{padding:19px 20px 100px}.heading{margin-bottom:20px}.heading h1{font-size:26px}.heading .subtle{font-size:11px}.hero{padding:24px;min-height:183px;margin-bottom:18px}.hero h2{font-size:24px;max-width:220px}.hero p{font-size:10px;max-width:210px}.hero-art{width:170px;height:170px;right:-18px;top:15px;opacity:.65}.hero-phone{inset:32px 49px 24px 49px;border-radius:14px}.hero-tag{font-size:8px}.services{padding:20px;margin-bottom:18px}.service-grid{gap:9px}.service{padding:17px 2px}.service strong{font-size:10px}.service small{font-size:8px}.service-icon{width:42px;height:42px}.service-icon svg{width:21px;height:21px}.dashboard-grid{gap:18px}.table-panel .section-top{padding:20px 18px 0}.hide-mobile{display:none}.table-panel td,.table-panel th{padding:13px 14px}.table-panel td:first-child{padding-right:0}.tx-type{gap:8px}.tx-icon{width:29px;height:29px}.tx-type strong{font-size:10px}.tx-type small{font-size:8px}.aside{display:block}.summary{margin:0 0 18px}.chart{height:50px}.help-card{padding:20px}.summary .big{font-size:27px}.summary-rule{margin:15px 0}.trust{font-size:8px;padding-top:22px}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;justify-content:space-around;border-top:1px solid #e1e8eb;background:#fffffff2;backdrop-filter:blur(12px);padding:9px 5px max(10px,env(safe-area-inset-bottom));height:72px}.bottomnav button{border:0;background:none;color:#91a3ad;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:8px;min-width:55px;padding:3px}.bottomnav svg{width:19px;height:19px}.bottomnav button.active{color:#138b72}.form-card{padding:23px}.input-pair{grid-template-columns:1fr;gap:0}.button-row .primary{flex:1}.stats-row{gap:9px}.stat-card{padding:15px}.stat-card strong{font-size:19px}.stat-card small{font-size:9px}.network-list{grid-template-columns:1fr}.result-card{padding:28px 23px}.login-page{display:block;background:#f6f9f9}.login-story{padding:25px 27px 30px;min-height:230px}.login-story .brand{font-size:22px}.login-story h1{font-size:31px;line-height:1.2;margin:30px 0 12px;max-width:290px;letter-spacing:-1px}.login-story p{font-size:10px;max-width:245px;margin:0}.login-story small{display:none}.login-story .hero-art{width:180px;height:180px;bottom:-30px;right:-30px;opacity:.35}.login-form{padding:25px 27px 40px}.login-form h2{font-size:23px;margin-top:8px}.role-grid{margin:20px 0}.login-foot{line-height:1.8}.top-banner{font-size:9px;padding:6px 15px}.search{max-width:100%}.admin-table{margin:0 -5px}.admin-table table{min-width:650px}#toast{bottom:85px}.section-top h2{font-size:13px}}
@media print{.sidebar,.topbar,.bottomnav,.top-banner,.back,.button-row,.demo-controls,#toast{display:none!important}.shell{display:block}.content{padding:0}.panel{box-shadow:none}.result-card{max-width:none;border:none}.result-icon{display:none}.trust{display:none}.review-line{font-size:14px}}
.sidebar{overflow-y:auto}.sidebar .nav-button{flex-shrink:0}.sidebar .side-footer{padding-top:25px}.checkbox-line{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;margin:12px 0}.checkbox-line input{width:18px;min-height:18px;height:18px;accent-color:var(--teal)}.route-form select{margin:5px 0}.network-list .form-card{max-width:none}.status.AWAITING_PAYMENT{background:#fff5de;color:#aa7b22}.brand small{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand>div{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .side-label{margin-top:28px}.sidebar .nav-button{padding-top:10px;padding-bottom:10px}