:root{--green:#138d6b;--green-dark:#0d6e55;--green-light:#e7f6f1;--ink:#20352f;--muted:#71817c;--line:#e4ece9;--page:#f4f8f7;--white:#fff;--blue:#4b7bec;--shadow:0 12px 34px rgba(26,70,56,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--page)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth{min-height:100vh;display:grid;place-items:center;padding:32px 18px;background:radial-gradient(circle at 12% 10%,rgba(46,193,145,.18),transparent 32%),linear-gradient(135deg,#edf8f4,#f7fbfa 55%,#e9f3ef)}.auth-shell{width:100%;max-width:430px}.auth-brand{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:26px}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#26b98c,var(--green-dark));color:#fff;font-size:25px;font-weight:800;box-shadow:0 10px 24px rgba(19,141,107,.24)}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:20px}.brand-name{font-size:22px;font-weight:800}.brand-sub{font-size:12px;color:var(--muted);margin-top:2px}.auth-card{background:#fff;border:1px solid rgba(16,97,73,.09);border-radius:18px;box-shadow:0 24px 70px rgba(32,80,65,.12);overflow:hidden}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f6f4;padding:6px}.auth-tab{border:0;background:transparent;color:#84928e;padding:12px;border-radius:11px;font-weight:700}.auth-tab.active{color:var(--green-dark);background:#fff;box-shadow:0 2px 8px rgba(26,70,56,.08)}.auth-form{padding:30px}.auth-form h1{font-size:25px;margin:0 0 7px}.auth-form>p{color:var(--muted);margin:0 0 25px}.auth-form>label,.deposit-form>label,.profile-card>label,.calculator-card>label{display:block;font-size:13px;font-weight:700;margin:16px 0 7px}.auth-form input,.profile-card input,.deposit-form textarea,.table-toolbar input,.table-toolbar select{width:100%;border:1px solid #d8e3df;background:#fff;border-radius:10px;padding:13px 14px;outline:none;transition:.18s}.auth-form input:focus,.profile-card input:focus,.deposit-form textarea:focus,.amount-input:focus-within{border-color:#42aa88;box-shadow:0 0 0 3px rgba(19,141,107,.09)}.password-wrap{position:relative}.password-wrap input{padding-right:75px}.eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--green);font-size:12px;font-weight:700}.form-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.check{display:flex!important;align-items:center;gap:8px!important;margin:0!important;color:var(--muted);font-weight:500!important}.check input{width:auto}.text-button{border:0;background:transparent;color:var(--green);font-size:12px}.primary,.outline{border-radius:10px;padding:12px 18px;border:1px solid transparent;font-weight:750;transition:.18s}.primary{background:linear-gradient(135deg,#18a77c,#0e785b);color:#fff;box-shadow:0 8px 18px rgba(19,141,107,.18)}.primary:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(19,141,107,.23)}.primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.outline{background:#fff;color:var(--green-dark);border-color:#cfe0da}.wide{width:100%}.demo-note{margin-top:14px;padding:10px 12px;border-radius:9px;background:#f1f8f5;color:#6a7c76;font-size:11px;line-height:1.5}.auth-footer{text-align:center;color:#8b9995;font-size:12px;margin-top:20px}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#fff;border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;gap:11px;padding:0 7px 25px}.side-brand b{display:block;font-size:17px}.side-brand span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#64756f;text-align:left;padding:12px 13px;border-radius:10px;font-weight:650}.nav-item span{display:inline-grid;width:26px;font-size:17px}.nav-item:hover{background:#f4f8f7;color:var(--ink)}.nav-item.active{background:var(--green-light);color:var(--green-dark)}.support-card{margin-top:auto;background:linear-gradient(145deg,#eff9f5,#e5f3ee);border:1px solid #d8ece5;border-radius:14px;padding:15px;text-align:center;display:grid;gap:5px}.support-card .support-icon{width:34px;height:34px;border-radius:50%;margin:-31px auto 4px;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800;border:4px solid #fff}.support-card span{font-size:11px;color:var(--muted)}.support-card a{color:var(--green-dark);font-size:13px;font-weight:800;text-decoration:none}.logout{margin-top:12px;border:0;background:transparent;color:#889690;padding:10px}.app main{grid-column:2}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:10}.topbar h2{margin:0;font-size:20px}.topbar p{margin:3px 0 0;color:var(--muted);font-size:12px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.language{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#28b88b,#0d765a);font-weight:800}.user-meta b,.user-meta span{display:block;font-size:12px}.user-meta span{color:var(--muted);margin-top:2px}.mobile-menu{display:none;border:0;background:transparent;font-size:22px}.content{padding:28px;max-width:1400px;margin:0 auto}.page{display:none}.page.active{display:block}.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;border-radius:16px;color:#fff;background:linear-gradient(118deg,#087c5c,#18a57b 60%,#45c39d);box-shadow:var(--shadow)}.welcome h1{margin:6px 0;font-size:27px}.welcome p{margin:0;color:rgba(255,255,255,.82)}.welcome .primary{background:#fff;color:var(--green-dark);box-shadow:none}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);position:relative}.stat-card>span{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:25px;margin:8px 0}.stat-card small{color:var(--muted)}.stat-icon{float:right;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#dff4ec;color:var(--green-dark);font-weight:800}.stat-icon.blue{background:#e6edff;color:var(--blue)}.stat-icon.mint{background:#e7f6f1}.dashboard-grid,.deposit-layout,.profile-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:22px}.panel-head,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-head h3,.panel h3{margin:0}.panel-head p,.section-title p{margin:5px 0 0;color:var(--muted);font-size:12px}.pill,.secure,.status-on{background:var(--green-light);color:var(--green-dark);border-radius:20px;padding:6px 10px;font-size:11px;font-weight:750}.amount-input{display:flex;align-items:center;border:1px solid #d8e3df;border-radius:11px;padding:0 14px;margin-top:7px}.amount-input span{font-weight:800;color:var(--green)}.amount-input input{width:100%;border:0;outline:0;padding:14px 10px;background:transparent;font-size:20px;font-weight:750}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.quick-amounts button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px}.quick-amounts button.selected{border-color:var(--green);background:var(--green-light);color:var(--green-dark)}.calc-result{background:#f3f8f6;border-radius:12px;padding:16px;margin:16px 0}.calc-result span,.calc-result small{display:block;color:var(--muted);font-size:11px}.calc-result strong{display:block;color:var(--green-dark);font-size:21px;margin:6px 0}.step{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.step i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green-light);color:var(--green-dark);font-style:normal;font-weight:800}.step b,.step span{display:block}.step b{font-size:13px}.step span{font-size:11px;color:var(--muted);margin-top:4px}.notice{background:#fff8e5;border:1px solid #f6e7ba;border-radius:10px;padding:13px;margin-top:16px}.notice b,.notice span{display:block}.notice b{font-size:12px;color:#856713}.notice span{font-size:11px;color:#8c8060;margin-top:4px;line-height:1.45}.section-title{margin-bottom:20px}.section-title h1{margin:0;font-size:26px}.payment-methods{display:grid;gap:9px}.payment{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px;text-align:left}.payment>b{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#e7f6f1;color:var(--green-dark)}.payment span{font-weight:750}.payment small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.payment i{margin-left:auto;display:none;color:var(--green)}.payment.selected{border-color:var(--green);background:#f5fbf8}.payment.selected i{display:block}.deposit-form textarea{resize:vertical;min-height:80px}.summary-card>div{display:flex;justify-content:space-between;padding:13px 0;color:var(--muted);font-size:13px}.summary-card b{color:var(--ink)}.summary-card hr{border:0;border-top:1px solid var(--line)}.summary-card .summary-total{align-items:end}.summary-total strong{font-size:24px;color:var(--green-dark)}.summary-card p{font-size:11px;line-height:1.5;color:var(--muted);background:#f3f8f6;padding:12px;border-radius:9px}.table-card{padding:0;overflow:hidden}.empty-state{text-align:center;padding:70px 20px}.empty-state>div{font-size:38px;color:#9bb4ac}.empty-state h3{margin:12px 0 7px}.empty-state p{color:var(--muted);font-size:13px}.table-toolbar{padding:16px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.table-toolbar input{max-width:320px}.table-toolbar select{margin-left:auto;width:auto}.responsive-table{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:12px}th{background:#f5f8f7;color:#667771}.empty-row{text-align:center;color:var(--muted);padding:55px}.profile-grid{grid-template-columns:1fr 1fr}.profile-card input{margin:0 0 8px}.profile-card .primary{margin-top:14px}.security-line{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.security-line b,.security-line span{display:block}.security-line div span{font-size:11px;color:var(--muted);margin-top:4px}.security-line>span{font-size:11px;color:var(--muted)}.profile-card>.outline{margin-top:20px}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:rgba(20,43,36,.5);backdrop-filter:blur(3px)}.modal-card{position:relative;width:100%;max-width:440px;background:#fff;border-radius:16px;padding:26px;box-shadow:0 25px 80px rgba(0,0,0,.2)}.modal-close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:25px;color:#89958f}.modal-card h2{margin:0 0 8px}.modal-card p{color:var(--muted);font-size:13px;line-height:1.55}.modal-form label{display:block;font-size:12px;font-weight:700;margin:13px 0 6px}.modal-form input,.modal-form select{width:100%;border:1px solid #d8e3df;border-radius:9px;padding:11px}.credential-box{background:#f2f8f6;border:1px dashed #a9cfc2;border-radius:11px;padding:15px;margin:15px 0}.credential-box div{display:flex;justify-content:space-between;padding:5px 0}.credential-box span{color:var(--muted);font-size:12px}.toast{position:fixed;right:22px;bottom:22px;background:#183d32;color:#fff;padding:13px 17px;border-radius:10px;box-shadow:var(--shadow);z-index:80;font-size:13px}.cashier-list{padding:18px}.cashier-item{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:11px}.cashier-item .stat-icon{float:none}.cashier-item b,.cashier-item span{display:block}.cashier-item span{font-size:11px;color:var(--muted);margin-top:4px}.cashier-item .status-on{margin-left:auto}.demo-warning{padding:10px;border-radius:9px;background:#fff8e5;color:#856713;font-size:11px;margin:12px 0}
@media(max-width:900px){.app{display:block}.sidebar{transform:translateX(-105%);transition:.22s;box-shadow:12px 0 30px rgba(0,0,0,.1)}.sidebar.open{transform:translateX(0)}.app main{grid-column:auto}.mobile-menu{display:block}.stats-grid{grid-template-columns:1fr}.dashboard-grid,.deposit-layout,.profile-grid{grid-template-columns:1fr}.topbar{padding:0 16px}.content{padding:18px}.user-meta{display:none}.welcome{align-items:flex-start;flex-direction:column}.welcome .primary{width:100%}}@media(max-width:520px){.auth-form{padding:23px 19px}.topbar p{display:none}.topbar h2{font-size:16px}.language{display:none}.content{padding:14px}.welcome{padding:20px}.welcome h1{font-size:23px}.panel{padding:17px}.quick-amounts{grid-template-columns:repeat(2,1fr)}.section-title{align-items:flex-start;flex-direction:column}.section-title .primary{width:100%}.table-toolbar{flex-direction:column}.table-toolbar input,.table-toolbar select{max-width:none;width:100%}.stats-grid{gap:10px}.toast{left:14px;right:14px;bottom:14px}.connector-head{align-items:flex-start;flex-wrap:wrap}.connector-status{margin-left:0}}
.connector-card{grid-column:1/-1}.connector-head{display:flex;align-items:center;gap:13px}.connector-head h3{margin:0}.connector-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.connector-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#28b88b,#0d765a);color:#fff;font-weight:850;font-size:20px}.connector-status{margin-left:auto;background:#f3f6f5;color:#75837f;padding:7px 11px;border-radius:20px;font-size:11px;font-weight:750}.connector-status.connected{background:var(--green-light);color:var(--green-dark)}.connector-features{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.connector-features span{background:#f4f8f7;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:11px;color:#64756f}.connection-result{background:#f2f8f6;border:1px solid #d4e9e1;border-radius:11px;padding:14px;margin:14px 0}.connection-result div{display:flex;justify-content:space-between;padding:6px 0}.connection-result span{font-size:12px;color:var(--muted)}.connection-result b{font-size:12px}
.register-submit{margin-top:18px}
.admin-table-card{margin-top:18px}.admin-panel-head{padding:18px 20px;border-bottom:1px solid var(--line)}.admin-search{width:min(300px,100%);border:1px solid #d8e3df;border-radius:9px;padding:10px 12px;outline:none}.admin-search:focus{border-color:#42aa88;box-shadow:0 0 0 3px rgba(19,141,107,.09)}.owner-badge{display:inline-block;margin-left:7px;padding:4px 7px;border-radius:20px;background:#fff1c9;color:#80610e;font-size:9px;font-weight:800}.admin-stats{margin-top:0}
.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.stats-grid,.admin-stats{grid-template-columns:1fr}}
.pricing-panel{margin:20px 0;background:linear-gradient(145deg,#fff,#f3faf7);border:1px solid #dcebe6;border-radius:18px;padding:24px;box-shadow:var(--shadow)}.pricing-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.pricing-kicker{display:block;color:var(--green);font-size:10px;font-weight:850;letter-spacing:1.5px}.pricing-head h2{margin:6px 0 4px;font-size:23px}.pricing-head p{margin:0;color:var(--muted);font-size:12px}.pricing-note{display:flex;align-items:center;gap:11px;background:#e8f6f1;border-radius:12px;padding:11px 14px}.pricing-note>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:850}.pricing-note b,.pricing-note small{display:block}.pricing-note b{font-size:12px}.pricing-note small{margin-top:3px;color:var(--muted);font-size:10px}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.price-tier{position:relative;min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 14px;transition:.18s}.price-tier:hover{transform:translateY(-2px);border-color:#aed5c8}.price-tier>small,.price-tier>span:not(.price-percent):not(.popular-label){display:block;color:var(--muted);font-size:10px}.price-tier>strong{display:block;font-size:21px;margin:10px 0 2px;white-space:nowrap}.price-tier>div{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.price-tier>div b,.price-tier>div small{display:block}.price-tier>div b{color:var(--green-dark);font-size:17px}.price-tier>div small{color:var(--muted);font-size:9px;margin-top:3px}.price-percent{position:absolute;right:10px;top:10px;background:var(--green-light);color:var(--green-dark);border-radius:20px;padding:4px 7px;font-size:10px;font-weight:850}.price-tier.featured{border:2px solid var(--green);background:linear-gradient(155deg,#effbf7,#fff);padding-top:30px}.popular-label{position:absolute;left:12px;top:10px;color:var(--green-dark)!important;font-size:8px!important;font-weight:900;letter-spacing:.7px}.price-tier.volume{background:#f8fbfa}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.pricing-panel{padding:18px 14px}.pricing-head{align-items:flex-start;flex-direction:column}.pricing-note{width:100%}.pricing-grid{grid-template-columns:repeat(2,1fr)}.price-tier.featured{grid-column:1/-1}}@media(max-width:380px){.pricing-grid{grid-template-columns:1fr}.price-tier.featured{grid-column:auto}}
.tariff-amounts{grid-template-columns:repeat(5,1fr)}.minimum-warning{margin-top:8px;padding:9px 11px;border-radius:8px;background:#fff0ed;border:1px solid #ffd1c8;color:#a54532;font-size:11px;font-weight:700}
@media(max-width:520px){.tariff-amounts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.admin-panel-head{align-items:flex-start;flex-direction:column}.admin-search{width:100%}}
.card-deposit-note{margin:10px 0 15px;padding:12px 14px;border:1px solid #f1d7a6;border-radius:10px;background:#fff8e8}.card-deposit-note b,.card-deposit-note span{display:block}.card-deposit-note b{font-size:12px;color:#7f611f}.card-deposit-note span{margin-top:5px;color:#796f59;font-size:11px}.card-deposit-note a{color:var(--green-dark);font-weight:850;text-decoration:none}.card-deposit-note a:hover{text-decoration:underline}
.cashier-info{min-width:0;flex:1}.cashier-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.cashier-actions .status-on{margin-left:0}.cashier-topup{padding:9px 12px}.wallet-line{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:var(--green-light);color:var(--green-dark);font-size:13px;margin:14px 0}.amount-input.compact{margin-top:0}.modal-form .outline.wide{margin-top:10px}@media(max-width:600px){.cashier-item{align-items:flex-start;flex-wrap:wrap}.cashier-actions{width:100%;margin-left:56px;justify-content:space-between}.cashier-topup{flex:1}.modal-card{max-height:calc(100vh - 24px);overflow:auto}}
.language{display:inline-block!important;color:var(--ink);font-weight:750}.auth-language{margin-left:auto}
.support-link{display:block;text-align:center;text-decoration:none;margin:18px 0 10px}.modal-card .outline.wide{margin-top:10px}
@media(max-width:520px){.language{padding:7px 6px}}

.top-balance {
  min-width: 92px;
  padding: 7px 12px;
  border: 1px solid #d8ece5;
  border-radius: 11px;
  background: var(--green-light);
  text-align: right;
  line-height: 1.15;
}

.top-balance span,
.top-balance b {
  display: block;
}

.top-balance span {
  color: var(--muted);
  font-size: 9px;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.top-balance b {
  margin-top: 3px;
  color: var(--green-dark);
  font-size: 13px;
  white-space: nowrap;
}

@media (max-width: 520px) {
  .topbar { gap: 10px; }
  .top-balance { min-width: 82px; padding: 6px 9px; }
  .top-balance b { font-size: 12px; }
}