:root{--ink:#182d40;--muted:#72849b;--teal:#1aab9d;--line:#e5eaf0;--bg:#f7f9fb;--navy:#213a59}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background .15s,color .15s}a{color:var(--teal);text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #58d1c5;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1.1px;margin-bottom:7px;font-weight:650}h2{font-size:23px;font-weight:600;letter-spacing:-.7px;margin-bottom:8px}h3{font-size:15px}p{line-height:1.65}small{font-size:11px}.muted,.page-heading p,.panel-heading p{color:var(--muted)}.logo{font-size:34px;font-weight:800;letter-spacing:-2px;color:var(--ink);display:inline-block}.logo span{color:var(--teal)}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:29px 20px;display:flex;flex-direction:column;z-index:3}.sidebar>.logo{padding:0 14px}.workspace{display:flex;align-items:center;gap:10px;padding:24px 10px 27px;margin-top:17px;border-top:1px solid var(--line)}.workspace b{display:block;font-size:12px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace small{color:var(--muted);display:block;margin-top:4px}.avatar{width:36px;height:36px;background:#e1f3f0;color:#208d83;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;flex-shrink:0}.online{width:6px;height:6px;border-radius:50%;background:var(--teal);margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.6px;color:#95a1b3;padding:0 14px;margin-bottom:12px}nav button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:none;color:#718096;padding:13px 14px;margin-bottom:6px;border-radius:9px;text-align:left}nav button>span{font-size:20px;width:21px}nav button.active{background:#e8f6f3;color:#168e81;font-weight:600}nav i{font-style:normal;margin-left:auto;background:#d1ede6;padding:2px 7px;border-radius:5px;font-size:11px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:18px}.sidebar-bottom>a,.sidebar-bottom>button{font-size:11px;color:var(--muted);padding-left:10px}.sidebar-bottom>button{border:0;background:none;text-align:left}.mini-balance{padding:17px;background:#f7f9fb;border:1px solid var(--line);border-radius:10px}.mini-balance small{font-size:9px;letter-spacing:1px;color:var(--muted)}.mini-balance b{display:block;font-size:23px;margin:8px 0 12px}.mini-balance b span{font-size:12px;font-weight:400;color:var(--muted)}.mini-balance button{padding:0;background:none;border:0;color:var(--teal);font-size:11px}.main{margin-left:238px;min-height:100vh}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:12px;color:#8996a7}.breadcrumb span{margin:0 12px;color:#bec8d2}.topbar>div{display:flex;align-items:center;gap:22px}.environment{font-size:10px;color:#7f90a4}.small-avatar{width:31px;height:31px;border-radius:50%;font-size:11px}.content{max-width:1540px;margin:auto;padding:34px 38px 50px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading p{margin-bottom:0;font-size:13px}.balance{border-radius:13px;background:linear-gradient(115deg,#263e5b,#1e3657 70%,#2e4764);color:#fff;padding:29px 32px 25px;position:relative;overflow:hidden;margin-bottom:30px;box-shadow:0 8px 14px #1c35551a;min-height:201px}.balance-pill{display:inline-flex;gap:8px;align-items:center;background:#ffffff15;border:1px solid #ffffff24;border-radius:30px;padding:5px 12px;font-size:10px;font-weight:600;color:#d9e4ef}.balance-pill i{width:6px;height:6px;background:#48b5aa;border-radius:50%}.balance>div:not(.balance-art){display:flex;gap:10px;align-items:baseline;margin-top:10px}.balance strong{font-size:60px;font-weight:650;line-height:1.1}.balance>div>span{font-size:20px;color:#c5d4e5}.balance p{color:#bfcee0;font-size:12px;margin:8px 0 0}.balance-art{position:absolute;right:65px;top:-90px;font-size:340px;line-height:1;color:#ffffff05;transform:rotate(-15deg);pointer-events:none}.credits-grid{display:grid;grid-template-columns:minmax(530px,1.75fr) minmax(280px,1fr);gap:28px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 3px #1c355504;overflow:hidden}.panel-heading{display:flex;align-items:center;gap:12px;padding:23px 24px;border-bottom:1px solid #edf0f4;min-height:99px}.panel-heading h2{margin-bottom:6px}.panel-heading p{font-size:12px;margin:0}.panel-heading p span{color:#bac4d0}.tile{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#def3ef;color:var(--teal);font-size:22px;flex-shrink:0}.tile.grey{color:#324d6e;background:#e8ecf1}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:25px}.package{position:relative;background:#fff;border:2px solid #e7ebf0;border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:17px 14px 16px;min-height:155px;color:var(--ink)}.package:hover{border-color:var(--teal);background:#f6fffd}.package>strong{font-size:31px;font-weight:650;letter-spacing:-1px}.package>small{font-size:9px;letter-spacing:.6px;color:var(--muted);margin-top:2px}.discount,.popular-label{position:absolute;top:-10px;font-size:9px;color:white;background:#21a780;border-radius:20px;padding:3px 8px;font-weight:700}.discount{right:-7px}.popular-label{left:50%;transform:translateX(-50%);background:#35aaa6;font-size:8px;letter-spacing:.4px}.price{border-top:1px solid #edf0f4;width:100%;margin-top:14px;padding-top:12px;display:flex;flex-direction:column;gap:4px}.price del{font-size:10px;color:#99a6b6}.price b{font-size:16px;color:#20a9aa}.info-note{color:#6a7c91;font-size:11px;line-height:1.7;background:#f7fafb;border:1px solid #e9eff2;border-radius:8px;padding:13px 15px;margin:0 24px 24px}.history-row{display:flex;align-items:center;gap:11px;padding:19px 22px;border-bottom:1px solid #f0f3f6}.transaction{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f3f7;color:#8292a7;border-radius:9px;flex-shrink:0}.transaction.plus{background:#e6f5f0;color:#25a485}.history-row div{min-width:0}.history-row b{font-size:11px;font-weight:500;display:block;overflow-wrap:anywhere}.history-row small{display:block;font-size:9px;color:#9aa7b6;margin-top:5px}.history-row>strong{margin-left:auto;font-size:14px}.teal{color:var(--teal)}.purchase-list{padding:20px}.purchase-list h3{font-size:12px}.purchase-list p{font-size:11px;padding:12px 0;border-top:1px solid var(--line);margin:0}.purchase-list small{display:block;color:var(--muted);margin-top:3px}.primary,.secondary{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;font-size:12px;font-weight:600}.primary{background:var(--teal);color:#fff;box-shadow:0 3px 8px #1aab9d15}.primary:hover{background:#15988b}.secondary{background:#fff;color:#405670;border:1px solid var(--line)}.wide{width:100%;margin-top:8px;justify-content:space-between}.text-button{border:0;background:none;color:var(--teal);font-size:11px;white-space:nowrap}.panel-heading .text-button{margin-left:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.stat{padding:22px;position:relative}.stat>span{position:absolute;right:18px;top:19px;color:var(--teal);font-size:24px}.stat small{display:block;color:var(--muted)}.stat strong{display:block;margin-top:15px;font-size:34px;font-weight:600}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;letter-spacing:.3px;color:#8493a6;background:#fafbfd;font-weight:500}td,th{padding:17px 22px;border-bottom:1px solid #edf1f5}td b{font-weight:600}td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.badge{display:inline-block;background:#eff2f7;color:#6c7e96;border-radius:6px;padding:5px 8px;font-size:10px;white-space:nowrap}.status-4{background:#e3f6ec;color:#319366}.status-2,.status-3{background:#e2f2fa;color:#3784a7}.source{font-size:10px;color:var(--muted)}.toolbar{padding:20px;display:flex;gap:12px}.toolbar input{flex:1;min-width:120px}.toolbar select{max-width:180px}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty>span{font-size:35px;color:#a5c6c4;display:block;margin-bottom:15px}.empty h3{color:#536880}.empty p{font-size:12px}.onboarding{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding:30px;border:1px solid #dcebe7;background:#eff8f5;border-radius:12px}.onboarding h2{font-size:23px;margin-top:10px}.onboarding p{color:var(--muted);font-size:12px;margin-bottom:0}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--teal)}footer{padding:20px 38px;color:#9aa7b5;font-size:10px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#203957;color:#fff;padding:40px 60px;display:flex;flex-direction:column;justify-content:space-between}.auth-story .logo{color:white}.auth-story h1{font-size:58px;line-height:1.1;letter-spacing:-2.7px;margin:22px 0}.auth-story em,.tracking em{color:#43c2b2;font-style:normal}.auth-story p{color:#aec0d4;max-width:330px}.auth-story>small{color:#8399b2}.story-line{color:#5cc6b5;margin-top:45px;letter-spacing:3px}.story-line small{display:block;color:#a8bad0;letter-spacing:.4px;margin-top:12px}.auth-form{padding:40px 13%;position:relative;display:flex;align-items:center;justify-content:center;background:#fff}.auth-form>div{width:100%;max-width:390px}.auth-form h2{font-size:31px;margin-top:15px}.auth-form p{color:var(--muted);font-size:12px}.track-link{position:absolute;right:35px;top:30px;font-size:11px;color:var(--muted)}form label{display:block;font-size:11px;font-weight:600;margin:18px 0}input,select,textarea{width:100%;border:1px solid #dfe6ec;background:#fff;border-radius:7px;padding:12px;color:var(--ink);outline:none}label input,label select,label textarea{display:block;margin-top:8px}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1aab9d12}input::placeholder{color:#a0adbc;font-size:11px}.switch{text-align:center;margin-top:25px}.switch a{font-weight:600}.form-note{font-size:10px!important;text-align:center;margin-top:45px;line-height:1.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}dialog{border:1px solid var(--line);border-radius:16px;width:min(540px,calc(100% - 30px));max-height:90vh;padding:33px;color:var(--ink);box-shadow:0 25px 100px #11284033}dialog::backdrop{background:#13284070;backdrop-filter:blur(3px)}dialog h2{margin-top:12px}dialog .info-note{margin:20px 0}dialog .muted{font-size:12px}.close{position:absolute;right:17px;top:12px;background:none;border:0;color:#8a97a8;font-size:25px}.checkout-price{font-size:42px;font-weight:700;margin:24px 0 8px;color:var(--teal)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#203957;color:white;border-radius:10px;padding:15px 22px;box-shadow:0 5px 25px #172e4720;z-index:20;opacity:0;pointer-events:none;max-width:90vw;font-size:12px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.timeline{margin:28px 10px}.timeline article{position:relative;border-left:1px solid #dce5ec;padding:0 0 25px 24px}.timeline article:last-child{border-left-color:transparent;padding-bottom:0}.timeline h3{font-size:13px;margin-bottom:5px}.timeline p{font-size:10px;color:var(--muted);margin-bottom:5px}.timeline small{font-size:10px;color:#9aa7b5}.timeline-dot{position:absolute;left:-5px;top:3px;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #e8f7f3}.simulation{background:#fff7e9;color:#98732d;border-color:#f2dfb9}.detail-actions{display:flex;gap:10px}.ticket{padding:25px;border-bottom:1px solid var(--line)}.ticket>div{display:flex;justify-content:space-between}.ticket p{font-size:12px;color:var(--muted);white-space:pre-wrap;margin-top:15px}.ticket small{color:#91a0b1}.standalone{margin:0 0 25px}.tracking{max-width:680px;margin:auto;padding:40px 25px}.tracking>.logo{display:block;margin-bottom:65px}.tracking h1{font-size:43px;line-height:1.2;margin-top:15px}.tracking>p{color:var(--muted)}.tracking form{display:flex;gap:10px;margin:28px 0}.tracking form input{flex:1;min-width:0}.tracking-panel{padding:28px}.tracking-panel h2{margin-top:12px}.tracking-panel .info-note{margin:20px 0}.back-link{display:block;text-align:center;font-size:11px;margin-top:35px}
@media(min-width:1450px){.content{padding-top:42px}.packages{gap:15px;padding:28px}.package{min-height:175px;padding-top:22px}.package>strong{font-size:34px}.price{margin-top:18px;padding-top:15px}.price b{font-size:17px}}
@media(max-width:1180px){.credits-grid{grid-template-columns:1fr}.sidebar{width:210px}.main{margin-left:210px}.content{padding:28px 25px}.history-list{max-height:350px;overflow:auto}.auth-story{padding:40px}.auth-story h1{font-size:48px}.auth-form{padding:70px 10%}.stats{gap:12px}.stat{padding:17px}.stat small{font-size:10px}.stat>span{display:none}}
@media(max-width:720px){.sidebar{position:static;width:100%;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line);display:block}.sidebar>.logo{font-size:27px;padding:0}.workspace,.nav-label,.sidebar-bottom{display:none}nav{display:flex;gap:4px;margin-top:16px;overflow:auto}nav button{font-size:10px;white-space:nowrap;justify-content:center;padding:9px 10px;gap:6px;margin:0}nav button>span{font-size:15px;width:auto}nav i{display:none}.main{margin:0}.topbar{height:52px;padding:0 20px}.environment{display:none}.content{padding:24px 17px}.page-heading{align-items:flex-start;margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.page-heading>.primary{font-size:10px;padding:10px;white-space:nowrap}.balance{padding:25px;min-height:190px;margin-bottom:22px}.balance strong{font-size:55px}.panel-heading{padding:20px;min-height:90px}.panel-heading h2{font-size:21px}.panel-heading p{font-size:11px}.packages{padding:23px 18px;gap:14px 12px;grid-template-columns:repeat(2,1fr)}.package{min-height:155px}.credits-grid{gap:22px}.info-note{margin:0 18px 18px}.stats{grid-template-columns:1fr 1fr}.stat small{font-size:11px}.stat>span{display:block}.stat strong{font-size:30px}.toolbar{flex-wrap:wrap;padding:15px}.toolbar input{flex-basis:100%}.toolbar select{flex:1}.onboarding{display:block;padding:24px}.onboarding button{margin-top:18px}.onboarding h2{font-size:21px}footer{padding:20px;font-size:9px}footer span{display:none}.auth{display:block}.auth-story{display:none}.auth-form{min-height:100vh;padding:90px 25px 40px}.auth-form>div{max-width:400px}.auth-form h2{font-size:30px}.track-link{right:25px}.form-grid{grid-template-columns:1fr;gap:0}dialog{padding:28px 23px}.tracking h1{font-size:35px}.tracking>.logo{margin-bottom:45px}.tracking form{flex-direction:column}.tracking-panel{padding:22px}.tracking form .primary{justify-content:center}.ticket>div{gap:15px}}

.logo{font-size:27px;letter-spacing:-1.4px}.sidebar>.logo{padding:0 5px}.pix-qr{display:block;width:220px;max-width:100%;margin:20px auto;border:1px solid var(--line);border-radius:8px}.purchase-list button{padding:6px 0}

.integration-body{padding:25px}.integration-body li{margin-bottom:12px;color:var(--muted);line-height:1.7}.integration-body ol{padding-left:20px}.integration-body textarea{font:12px/1.7 Consolas,monospace;resize:vertical}.integration-body .standalone{margin-top:22px}.integration-body label{display:block;margin:20px 0;font-size:12px}

.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile-body{padding:5px 25px 25px}.profile-body .muted{font-size:12px}@media(max-width:850px){.profile-grid{grid-template-columns:1fr}}

.sidebar nav{overflow:auto;min-height:0}.sidebar-bottom{padding-top:15px}.workspace{padding-bottom:15px}.op-panel{margin-bottom:24px}.op-body{padding:22px 25px}.op-body label{display:block;margin:15px 0;font-size:12px}.op-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.op-tabs span{padding:8px;background:#edf5f4;border-radius:6px;color:#65817f;font-size:11px}.op-tabs button{font-size:11px}.check-line{display:flex!important;align-items:center;gap:10px}.check-line input{width:auto;margin:0}.connection-row,.store-list article{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);margin-bottom:15px}.connection-row small,.store-list small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.op-body pre{overflow:auto;padding:18px;background:#f5f8fa;border-radius:8px;font-size:11px;line-height:1.8}.op-body details{margin-top:22px}.op-body summary{cursor:pointer;color:var(--teal)}#store-selector{max-width:180px;padding:8px;margin:0 15px}.palette{display:flex;flex-wrap:wrap;gap:8px}.palette button{font-size:10px}.report-row{display:flex;gap:20px;padding:8px;align-items:center;font-size:12px}.report-row meter{flex:1}.profile-body input[type=color],.op-body input[type=color]{height:45px;padding:4px}.onboarding{margin-bottom:24px}@media(max-width:720px){nav{flex-wrap:nowrap}.op-body{padding:18px}#store-selector{max-width:130px}.breadcrumb{max-width:140px;overflow:hidden}.sidebar-bottom{display:none}}

.item-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:0 0 10px;border-bottom:1px solid var(--line)}@media(max-width:500px){.item-row{grid-template-columns:1fr}}

[hidden]{display:none!important}.merchant-fee-details{margin-top:25px}.merchant-fee-details summary{cursor:pointer;color:var(--teal)}

.stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.stat{min-width:0}.stat strong{font-size:clamp(24px,2.4vw,36px);overflow-wrap:anywhere}.op-body>.empty{padding:35px 18px}.ticket-thread{max-height:340px;overflow:auto}.rename-store-form{padding-bottom:18px;border-bottom:1px solid var(--line)}@media(max-width:720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:24px}.report-row{flex-wrap:wrap}}