:root{color-scheme:light;--app-bg:#eef5ff;--app-card:#fff;--app-text:#17314e;--app-muted:#6a809b;--app-line:#dce7f5}*{box-sizing:border-box}body{margin:0;background:var(--app-bg);color:var(--app-text);font-family:Arial,Helvetica,sans-serif}body.dark{color-scheme:dark;--app-bg:#0d1729;--app-card:#15233a;--app-text:#e8f0fc;--app-muted:#a6b7d1;--app-line:#2b3e59}body.dark .panel,body.dark .stat,body.dark header,body.dark .modal,body.dark .login-card{background:var(--app-card);color:var(--app-text)}body.dark input,body.dark select,body.dark textarea{background:#0d1729;color:var(--app-text);border-color:var(--app-line)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:#0756c5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8fbbff;outline-offset:3px}label{display:flex;flex-direction:column;gap:9px;margin:0 0 18px;font-size:14px;font-weight:600}label input,label select,textarea{width:100%;padding:13px 15px;border:1px solid var(--app-line);border-radius:11px;background:var(--app-card);color:var(--app-text);min-height:46px}label.checkbox{flex-direction:row;align-items:flex-start;font-weight:400;line-height:1.5}label.checkbox input{width:19px;height:19px;min-height:0;margin:2px 2px 0 0;flex-shrink:0}form>.primary{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.muted{color:var(--app-muted);font-size:14px;line-height:1.55}.panel{background:var(--app-card);border:1px solid var(--app-line);border-radius:20px;padding:27px;margin-bottom:22px}.note{line-height:1.55;margin:16px 0;padding:16px;border-radius:12px;background:#edf5ff;border:1px solid #d5e7ff;color:#214c7c}.dark .note{background:#142d4a;border-color:#25456a;color:#c8e2ff}.error-note{background:#fff0ed;border-color:#ffc9bd;color:#a23325}.form-error{color:#ba332c;line-height:1.5;font-size:14px;min-height:0}.modal{width:660px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto;border:1px solid var(--app-line);border-radius:24px;padding:30px;background:var(--app-card);color:var(--app-text);box-shadow:0 24px 90px #06244e44}.modal::backdrop{background:#071a3a99;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.modal-heading h2{font-size:25px;line-height:1.2;margin:0;color:var(--app-text)}.icon-button{padding:9px 13px;flex-shrink:0}.modal h3{font-size:24px;margin:0 0 8px}.modal .details{margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.details>div{min-width:0}.details b,.details code,.details small{display:block;overflow-wrap:anywhere}.details small{color:var(--app-muted);margin-bottom:7px;font-size:13px}.details b{font-size:15px}.details code{font-size:15px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}.secret-once{font-size:21px;display:block;padding:20px;background:var(--app-bg);border-radius:12px}#setupCode{min-height:310px;font:12px/1.55 Consolas,monospace;resize:vertical;margin-bottom:16px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#123359;color:#fff;border-radius:14px;box-shadow:0 8px 40px #0003;padding:16px 22px;max-width:calc(100vw - 28px);z-index:100;display:none;line-height:1.4}header>div{display:flex;align-items:center;gap:10px}.admin-app aside{width:250px;padding:30px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#0756c5;color:#fff;z-index:20}.admin-app .brand{color:white;text-decoration:none;font-size:28px;font-weight:800;line-height:1.05}.admin-app .workspace{margin-top:27px;font-weight:700;font-size:13px;line-height:1.6}.workspace small{display:block;font-weight:400;opacity:.72;font-size:12px}.navlabel{font-size:10px;letter-spacing:1.8px;opacity:.65;margin:32px 12px 10px}.admin-app nav{display:grid;gap:6px}.admin-app nav a{display:flex;align-items:center;gap:13px;text-decoration:none;color:#dbeaff;padding:13px 15px;border-radius:12px;font-size:15px}.admin-app nav a i{font-style:normal;font-size:21px;width:25px;text-align:center}.admin-app nav a.active{background:white;color:#0756c5;font-weight:700}.admin-app nav a:hover:not(.active){background:#ffffff17}.sidefoot{margin-top:auto;padding:20px 12px}.sidefoot p{font-size:12px;color:#d8e7ff;line-height:1.7}.sidefoot .badge{font-size:11px}.profile{display:flex;gap:12px;border-top:1px solid #ffffff33;padding:20px 8px 0;align-items:center}.avatar{display:grid;place-items:center;border-radius:50%;width:38px;height:38px;background:#ffffff2a}.profile small{display:block;font-size:12px;opacity:.7;margin-top:4px}.admin-app main{margin-left:250px;min-height:100vh}.admin-app header{padding:18px 34px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--app-card);min-height:80px;border-bottom:1px solid var(--app-line)}.admin-app .content{padding:30px 34px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(115deg,#0756c5,#0876d9);padding:35px;border-radius:23px;min-height:185px;margin-bottom:27px;color:#fff;overflow:hidden}.pagehead h1{font-size:36px;line-height:1.12;margin:8px 0 12px;color:#fff}.pagehead p{color:#ddecff;font-size:14px;line-height:1.6;margin:0}.pagehead .eyebrow{color:#d1e9ff;font-size:11px;letter-spacing:2px}.pagehead>.primary{background:#b4ee6c;color:#16492d;border:0;font-weight:700;white-space:nowrap}.pagehead>.primary[hidden]{display:none}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{background:var(--app-card);border:1px solid var(--app-line);border-radius:19px;padding:24px 22px}.stat small{display:block;color:var(--app-muted);font-size:13px}.stat strong{display:block;font-size:29px;margin:15px 0;letter-spacing:-1px;overflow-wrap:anywhere}.stat>span{color:var(--app-muted);font-size:12px}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:23px}.overview-grid .panel{min-width:0}.panel h2{font-size:21px;margin:0 0 18px;color:var(--app-text)}.tabletop{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 26px}.tabletop h2{margin:0}.tabletop h2 span{font-size:13px;font-weight:400;margin-left:8px;color:var(--app-muted)}.list-panel{padding:0;overflow:hidden}.tablewrap{overflow:auto;width:100%;max-width:100%}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:14px}th{text-align:left;background:var(--app-bg);color:var(--app-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase;font-weight:600;padding:15px 22px;border-bottom:1px solid var(--app-line)}td{padding:21px 22px;border-bottom:1px solid var(--app-line);vertical-align:middle}td b,td strong,td small{display:block}td strong{font-size:14px;margin:5px 0;font-weight:500}td small{font-size:12px;color:var(--app-muted);margin-top:7px;max-width:310px;white-space:normal;line-height:1.5;overflow-wrap:anywhere}td.amount{font-size:15px;font-weight:700}.positive{color:#138858}.search-center{padding:0 25px 20px;display:flex;justify-content:center}.search-center .search{width:min(680px,100%);padding:14px 19px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-bg);color:var(--app-text);font-size:14px}.filters{display:flex;gap:10px;padding:0 25px 20px}.filters button.active{color:#0756c5;border-color:#9fc5ff;background:#e7f2ff}.pagination{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:12px;font-size:13px;color:var(--app-muted)}.empty-state{text-align:center;padding:48px 25px;color:var(--app-muted)}.empty-state>span{font-size:34px;display:block;color:#8dafd6}.empty-state h3{font-size:19px;color:var(--app-text);font-weight:600}.empty-state p{font-size:13px}.loading-state,.initial-loading{padding:60px;text-align:center;color:var(--app-muted)}.flow-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0}.flow-line b{background:var(--app-bg);border:1px solid var(--app-line);border-radius:12px;padding:13px;font-size:13px}.event-row{display:flex;align-items:flex-start;gap:13px;padding:13px 0;border-bottom:1px solid var(--app-line);font-size:13px}.event-row small{display:block;color:var(--app-muted);margin-top:6px;font-size:11px}.event-dot{width:8px;height:8px;border-radius:50%;background:#0756c5;margin-top:4px;flex-shrink:0}.person-balance{margin-top:22px;background:var(--app-bg)}.balance{font-size:40px;font-weight:800;letter-spacing:-1px;margin:7px 0}.small-balance{font-size:31px;margin:18px 0}.tariff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.tariff-card .eyebrow{color:#0756c5;font-size:10px;letter-spacing:1.5px}.tariff-card h2{margin:15px 0}.tariff-speed{font-size:29px;font-weight:700;margin:20px 0}.tariff-speed span{font-size:16px;font-weight:400}.tariff-price{font-size:27px;font-weight:700}.tariff-price small{font-size:13px;color:var(--app-muted);font-weight:400;margin-left:8px}.tariff-card p{font-size:13px;color:var(--app-muted);line-height:1.6}.policy-panel{max-width:850px;margin-top:10px}.policy-panel>p{font-size:14px;line-height:1.6}.policy-panel form{max-width:650px;margin-top:25px}.integration-panel{max-width:850px}.integration-panel form{max-width:530px;margin-top:25px}.integration-panel .details{display:grid;grid-template-columns:1fr;gap:24px;margin-top:27px}.kassa-logo{font-size:31px;font-weight:800;color:#0756c5;margin-bottom:20px}.table-note{padding:0 24px 20px}footer{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;color:var(--app-muted);font-size:11px;padding:24px 0 0}.portal main.portal-main{margin-left:0;max-width:1200px;margin:auto;min-height:100vh}.portal header{background:var(--app-card);border-radius:0 0 18px 18px;min-height:82px;display:flex;justify-content:space-between;align-items:center;padding:18px 30px;gap:16px}.portal-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--app-text);font-size:14px}.portal .content{padding:30px}.portal .pagehead{min-height:220px;padding:36px}.portal .pagehead:after{display:none}.portal h1{font-size:39px}.hero-mark{background:#b4ee6c;color:#19512e;padding:12px 18px;border-radius:30px;font-size:12px;white-space:nowrap}.cabinet-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cabinet-grid .panel{margin:0}.balance-panel{display:flex;justify-content:space-between;align-items:center;gap:20px}.account-person h2{margin-top:14px}.account-person p{color:var(--app-muted);font-size:14px;line-height:1.6}.portal .details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.portal-tools,.portal-history{grid-column:1/-1}.portal-tools p{font-size:14px;line-height:1.7;color:var(--app-muted)}.portal-history{padding:0}.portal-history>.tabletop{padding-bottom:8px}.portal-history #portalLedger>p{padding:0 25px 20px}.service-notice{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff4e8;border:1px solid #f5cf9e;padding:23px 26px;border-radius:18px;margin-bottom:23px;color:#774821}.service-notice p{font-size:13px;line-height:1.6;margin:9px 0 0;max-width:700px}.service-notice.temporary{background:#e9f5ff;border-color:#a6d1fc;color:#194e7b}.dark .service-notice{background:#392b21;color:#f7dfbf;border-color:#69503a}.quick-amounts{display:flex;flex-wrap:wrap;gap:8px}.password-main{margin:0!important;min-height:100vh;padding:50px 20px!important;display:grid;place-items:center}.password-main>.panel{width:100%;max-width:550px}.password-main h1{font-size:30px;color:var(--app-text)}.login-main{margin:0!important;display:grid;grid-template-columns:1.1fr 1fr;min-height:100dvh;padding:42px;gap:0;max-width:1440px;margin-inline:auto!important}.login-brand{background:linear-gradient(145deg,#0756c5,#096dd3);padding:60px;border-radius:28px 0 0 28px;display:flex;flex-direction:column;justify-content:center;color:white;position:relative;overflow:hidden}.login-brand .eyebrow{margin:35px 0 17px;font-size:12px;letter-spacing:2px;color:#cce3ff}.login-brand h1{font-size:50px;line-height:1.08;color:#fff;margin:0 0 25px;font-weight:800;letter-spacing:-1px}.login-brand p{font-size:15px;color:#d7e8ff;line-height:1.8;max-width:360px}.login-accent{background:#b4ee6c;color:#174f2b;padding:13px 16px;border-radius:12px;font-size:11px;letter-spacing:1px;font-weight:700;width:fit-content;margin-top:25px}.login-card{background:var(--app-card);padding:60px;border-radius:0 28px 28px 0;display:flex;flex-direction:column;justify-content:center;max-width:600px}.login-card h2{font-size:29px;color:var(--app-text);margin:0 0 13px}.login-card form{margin:22px 0 0}.login-help{font-size:12px;color:var(--app-muted);line-height:1.7;margin:25px 0}.login-card>a{font-size:12px}.admin-app #menuToggle,.admin-app #menuClose{display:none}.pool-panel{margin-top:24px}.dark .badge.neutral{background:#263d5b;color:#c4d7f2}
.stats .stat:first-child small,.stats .stat:first-child>span{color:#d6e8ff}.stats .stat:first-child strong{color:#fff}.portal .cabinet-grid .balance-panel{background:linear-gradient(120deg,#0756c5,#0878dc);color:#fff;border-color:#0756c5}.portal .balance-panel .balance{color:#fff;opacity:1}.portal .balance-panel small,.portal .balance-panel .muted{color:#dceaff}.portal .balance-panel .primary{background:#b4ee6c;color:#164d30;border:0;border-radius:12px;padding:13px 20px;font-weight:700}
@media(max-width:1150px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.login-main{padding:24px}.login-brand,.login-card{padding:38px}.login-brand h1{font-size:42px}.pagehead{padding:30px}.pagehead h1{font-size:32px}.admin-app .content{padding:25px}.cabinet-grid{gap:18px}}
@media(max-width:850px){.admin-app aside{transform:translateX(-100%);visibility:hidden;width:250px;transition:transform .2s;box-shadow:10px 0 40px #001c4533}.admin-app.menu-open aside{transform:translateX(0);visibility:visible}.admin-app main{margin-left:0}.admin-app header{padding:15px 20px}.admin-app #menuToggle{display:block}.admin-app #menuClose{display:block;position:absolute;right:12px;top:20px;color:white;background:#ffffff1a;border:1px solid #ffffff44;padding:8px}.admin-app .sidefoot{display:none}.admin-app .profile{margin-top:auto}.login-main{grid-template-columns:1fr;max-width:650px;padding:20px}.login-brand{border-radius:24px 24px 0 0;padding:30px}.login-brand img{width:42px;height:42px}.login-brand .eyebrow{margin-top:22px;font-size:10px}.login-brand h1{font-size:34px;margin-bottom:10px}.login-brand p{font-size:13px;margin:0}.login-accent{margin-top:20px;font-size:10px;padding:10px}.login-card{border-radius:0 0 24px 24px;padding:32px;max-width:none}.login-card h2{font-size:25px}.portal .pagehead{min-height:190px}.portal .hero-mark{display:none}.portal h1{font-size:34px}}
@media(max-width:550px){.admin-app .content,.portal .content{padding:18px 13px}.admin-app header{padding:13px 14px;font-size:11px;min-height:68px}.admin-app header>span{max-width:160px}.admin-app header>div{gap:6px}header button{font-size:12px;padding:9px}.pagehead{min-height:165px;padding:24px;flex-direction:column;align-items:flex-start;gap:18px;border-radius:19px}.pagehead h1{font-size:29px}.pagehead p{font-size:12px}.pagehead>.primary{font-size:12px;padding:12px 16px}.stats{gap:12px}.stat{padding:18px 15px}.stat strong{font-size:23px;margin:12px 0}.stat small{font-size:11px}.stat>span{font-size:10px}.panel{padding:22px 18px;border-radius:17px}.list-panel{padding:0}.tabletop{padding:21px 17px}.tabletop h2{font-size:19px}.tabletop button{font-size:11px;padding:9px}td{padding:17px;font-size:13px}th{padding:13px 17px}.search-center{padding:0 16px 18px}.search-center .search{font-size:12px;padding:13px}.filters{padding:0 16px 17px;gap:7px}.filters button{font-size:11px;padding:9px}.modal{padding:23px 18px;max-height:92dvh;border-radius:20px}.modal-heading h2{font-size:22px}.modal .details{gap:17px}.details b,.details code{font-size:13px}.form-grid{grid-template-columns:1fr;gap:0}.action-row button{flex:1 1 135px;font-size:12px}.balance{font-size:34px}.pagination{padding:17px;font-size:12px}.login-main{padding:12px}.login-brand{padding:25px}.login-card{padding:28px 23px}.login-brand h1{font-size:31px}.portal header{padding:15px;min-height:74px;border-radius:0}.portal-brand{font-size:11px;gap:8px}.portal-brand img{width:30px;height:30px}.portal header>div{gap:5px}.portal .pagehead{padding:25px;min-height:175px}.portal h1{font-size:31px}.cabinet-grid{grid-template-columns:1fr;gap:16px}.cabinet-grid .panel{grid-column:1}.service-notice{padding:20px;align-items:flex-start;flex-direction:column;gap:14px}.service-notice p{font-size:12px}.balance-panel .primary{padding:13px 17px;font-size:12px}.portal-tools h2{font-size:20px}.portal .details{gap:17px}.flow-line{gap:8px}.flow-line b{padding:10px;font-size:11px}footer{font-size:10px;gap:8px}.tariff-grid{grid-template-columns:1fr}.modal .primary{min-height:44px}.integration-panel .details code{font-size:12px}}
