:root{font-family:Segoe UI,Arial,sans-serif;color:#24303e;background:#f4f6f9;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:236px;flex-shrink:0;background:#152339;color:#eef3fa;padding:30px 20px;position:fixed;inset:0 auto 0 0}.brand{font-size:23px;font-weight:700;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.brand small{font-size:9px;letter-spacing:3px;color:#8b9db4;margin-left:44px}.logo{background:#80dfc6;color:#152339;border-radius:10px;padding:6px 10px}nav{display:grid;gap:9px;margin-top:55px}button{font:inherit;border:1px solid #d8e0e8;background:white;color:#25364b;border-radius:8px;padding:10px 15px;cursor:pointer;transition:background .15s}button:hover{background:#e8f3ef}button:disabled{opacity:.5;cursor:default}nav button{text-align:left;background:transparent;color:#abbacf;border:0;padding:13px 12px}nav button.active{background:#263b50;color:#a1f2d7}nav button:hover{background:#22354b}.aside-bottom{position:absolute;bottom:30px;font-size:12px;line-height:2;color:#b2c2d6}.aside-bottom small{color:#7c90aa}.dot{display:inline-block;background:#81ddbd;width:7px;height:7px;border-radius:50%;margin-right:7px}main{margin-left:236px;padding:38px 36px 20px;width:calc(100% - 236px);max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:10px;color:#748296;font-weight:700;letter-spacing:2px}h1{font-size:30px;margin:10px 0 24px;letter-spacing:-.7px}.pill{border:1px solid #d6c5a2;color:#836726;background:#fff9e9;padding:8px 12px;font-size:10px;font-weight:700;border-radius:20px;white-space:nowrap}.notice{padding:13px 16px;border:1px solid #e4dabc;background:#fffcf2;border-radius:8px;font-size:12px;color:#77633a;margin-bottom:26px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metrics article{border:1px solid #e3e8ee;border-radius:11px;padding:20px;background:white}.metrics small{color:#687a8f;font-size:12px}.metrics strong{display:block;font-size:30px;font-weight:600;margin:10px 0}.metrics span{font-size:11px;color:#8391a1}section{background:#fff;border:1px solid #e3e8ee;padding:24px;border-radius:12px}h2{font-size:18px;margin:0 0 7px}h3{font-size:15px}p{color:#748295;line-height:1.6;font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-head p{margin:0}.primary{background:#1c806a;color:white;border-color:#1c806a}.primary:hover{background:#146553}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{color:#7a889b;text-align:left;font-size:10px;font-weight:600;white-space:nowrap;padding:12px 10px;background:#f7f9fb}td{border-bottom:1px solid #edf0f4;padding:14px 10px}td small{display:block;color:#8290a0;margin-top:5px}.money{white-space:nowrap;font-weight:600}.account{font-family:Consolas,monospace}.select-btn{font-size:11px;padding:7px 10px;white-space:nowrap}.selected td{background:#edf8f3}.current{border-left:1px solid #e7edf2;padding-left:22px;overflow-wrap:anywhere}.current .amount{font-size:27px;font-weight:600}.current button{width:100%;margin-top:10px}.current .step{padding:10px 0;border-bottom:1px solid #edf0f4;font-size:12px}.check{background:#f4f8f6;border:1px dashed #a7c6b6;border-radius:8px;padding:22px 12px;margin:15px 0;text-align:center;color:#39745c}.empty{text-align:center;color:#6e7c8e;padding:50px 10px;line-height:2}.settings{display:grid;grid-template-columns:repeat(2,minmax(140px,260px));gap:20px;margin:24px 0 30px}label{display:grid;gap:8px;font-size:12px;color:#67788e}input{font:inherit;padding:10px;border:1px solid #d2dce6;border-radius:7px;min-width:0}input:focus{outline:2px solid #94d1bd}#login{max-width:600px}#login-form{display:flex;gap:10px}#login-form input{flex:1}.event{padding:13px 0;border-bottom:1px solid #edf0f4;font-size:13px}.event small{display:block;color:#8c99a7;margin-bottom:4px}#message{position:fixed;bottom:28px;right:28px;background:#24374d;color:white;box-shadow:0 5px 30px #0002;padding:16px 22px;border-radius:9px;max-width:480px;z-index:5}footer{color:#99a5b3;font-size:11px;padding:22px 0}[hidden]{display:none!important}@media(max-width:1150px){aside{width:190px;padding:25px 14px}main{margin-left:190px;width:calc(100% - 190px);padding:26px 22px}.workspace{grid-template-columns:1fr}.current{border-left:0;border-top:1px solid #eee;padding:18px 0 0}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{position:static;width:100%;padding:16px}.brand small,.aside-bottom{display:none}body{display:block}nav{display:flex;flex-wrap:wrap;margin-top:16px;gap:0}nav button{font-size:12px}main{margin:0;width:100%;padding:20px 12px}h1{font-size:23px}.metrics{gap:8px}.metrics article{padding:13px}section{padding:16px}.settings{grid-template-columns:1fr}}

/* Working payment dashboard */
.live-app{background:#f3f5f7;color:#1b2a3c}
.live-app aside{width:190px;background:#142437;padding:30px 20px}
.live-app main{margin-left:190px;width:calc(100% - 190px);max-width:1800px;padding:32px 38px}
.live-app header{align-items:flex-start;margin-bottom:24px}
.live-app h1{margin:8px 0 14px;font-size:32px}
.live-app section{margin-bottom:20px;padding:24px;border:1px solid #e1e7ed;box-shadow:0 3px 12px #16334b04}
.live-app .section-head{margin-bottom:20px;gap:16px}
.live-app .section-head h2{margin:0}
.live-app .session-line{display:flex;gap:8px;flex-wrap:wrap}
.live-app .badge{display:inline-flex;padding:6px 10px;border-radius:20px;background:#e5f4ed;color:#267659;font-size:12px}
.live-app .badge.muted{background:#e9edf2;color:#637184}
.live-app .badge.error{background:#fff0e9;color:#a75129}
.live-app select{font:inherit;background:white;border:1px solid #d6dfe7;border-radius:9px;padding:10px 14px;min-width:170px;color:#21364b}
.live-app .account-picker{max-width:280px;text-align:right}
.live-app .feedback{margin:0 0 18px;color:#506379;min-height:20px}
.live-app .range-form{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.live-app .range-form label{width:200px}
.live-app .range-form input{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.2px;padding:12px 14px;width:100%}
.live-app .range-dash,.live-app .currency-label{align-self:center;margin-top:23px;color:#8291a0}
.live-app .range-form button{margin-bottom:3px}
.live-app .collector-actions{display:flex;gap:10px;margin-top:22px}
.live-app .primary{background:#19765f;border-color:#19765f;box-shadow:0 2px 4px #19765f12}
.live-app .primary:hover{background:#12614d}
.live-app .count-badge{font-size:24px;letter-spacing:-1px;font-weight:600;color:#216c57;white-space:nowrap}
.live-app .small-count{font-size:12px;background:#edf2f6;border-radius:12px;padding:4px 9px;margin-left:7px;color:#5f7489}
.live-app th{text-transform:uppercase;letter-spacing:.7px;font-size:10px;padding:14px 12px}
.live-app td{padding:18px 12px;font-size:13px}
.live-app td:first-child{font:11px Consolas,monospace;color:#8090a1;max-width:145px;overflow-wrap:anywhere}
.live-app td:nth-child(2){font-weight:650;font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}
.live-app td:nth-child(4){font-family:Consolas,monospace}
.live-app td:nth-child(5){color:#237559}
.live-app td:last-child{min-width:170px}
.live-app td button{font-size:12px;margin:3px;padding:8px 10px}
.live-app .send-tg{background:#eef5ff;border-color:#d7e6f8;color:#276aaa}
.live-app #live-events{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto}
.live-app #live-events li{padding:12px 0;border-top:1px solid #eef1f5;color:#65758a;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.live-app .hint{font-size:12px;color:#8a98a8}
.live-app #receipt-preview{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}
.live-app #receipt-preview img{border:1px solid #dfe6ed;border-radius:10px;max-width:100%;height:auto}
.live-app .workflow-actions{display:flex;flex-wrap:wrap;gap:10px}
.live-app #totp-form,.live-app #tg-code-form{display:flex;gap:16px;align-items:end;margin:20px 0}
@media(max-width:1050px){.live-app aside{width:150px;padding:25px 14px}.live-app main{margin-left:150px;width:calc(100% - 150px);padding:26px 20px}.live-app .range-form label{width:165px}}
@media(max-width:650px){.live-app aside{position:static;width:100%;padding:16px}.live-app main{margin:0;width:100%;padding:20px 12px}.live-app header{flex-wrap:wrap}.live-app .account-picker{text-align:left}.live-app section{padding:18px}.live-app .range-form label{width:calc(50% - 20px)}.live-app .range-dash{display:none}.live-app .range-form .currency-label{display:none}}

.live-app .qr-paste{padding:20px;border:1px dashed #8caeaa;border-radius:10px;background:#f4faf7;color:#397661;line-height:1.6;cursor:text}

.live-app .workflow-details{display:flex;gap:32px;flex-wrap:wrap;margin:20px 0;padding:20px;background:#f5f8fa;border-radius:12px}.live-app .workflow-details span{color:#738399;font-size:12px}.live-app .workflow-details .detail-value{font-size:20px;font-weight:600;margin-top:8px}.live-app .requisite{font:19px Consolas,monospace;margin-top:8px;overflow-wrap:anywhere}.live-app .requisite strong{color:#136b53;background:#d9f3e7;padding:3px 5px;border-radius:5px}

/* Dark theme, enabled by default on the working dashboard. */
.live-app[data-theme="dark"]{color-scheme:dark;background:#101720;color:#e4ebf3}
.live-app[data-theme="dark"] aside{background:#0b121b;border-right:1px solid #24303e}
.live-app[data-theme="dark"] section{background:#18222e;border-color:#2a3746;box-shadow:0 5px 24px #0002}
.live-app[data-theme="dark"] h1,.live-app[data-theme="dark"] h2{color:#eff5fb}
.live-app[data-theme="dark"] p,.live-app[data-theme="dark"] label,.live-app[data-theme="dark"] .feedback{color:#a5b4c6}
.live-app[data-theme="dark"] input,.live-app[data-theme="dark"] select{background:#101a25;color:#edf3fa;border-color:#3a4a5d}
.live-app[data-theme="dark"] input::placeholder{color:#7d91a8}
.live-app[data-theme="dark"] input:focus,.live-app[data-theme="dark"] select:focus{outline:2px solid #55bca2;outline-offset:1px}
.live-app[data-theme="dark"] button{background:#223244;border-color:#3b4c60;color:#dbe7f4}
.live-app[data-theme="dark"] button:hover{background:#30445b}
.live-app[data-theme="dark"] button.primary{background:#237e68;border-color:#3d9b84;color:#fff}
.live-app[data-theme="dark"] button.primary:hover{background:#2b947c}
.live-app[data-theme="dark"] nav button{background:transparent;border:0;color:#9aacc2}
.live-app[data-theme="dark"] nav button.active{background:#203a3a;color:#8ee1c7}
.live-app[data-theme="dark"] .badge{background:#183c32;color:#91e0be}
.live-app[data-theme="dark"] .badge.muted,.live-app[data-theme="dark"] .small-count{background:#29374a;color:#b7c5d8}
.live-app[data-theme="dark"] .badge.error{background:#492c27;color:#ffb79c}
.live-app[data-theme="dark"] th{background:#111b27;color:#a0b1c7}
.live-app[data-theme="dark"] td{border-color:#2c3949;color:#d6e0eb}
.live-app[data-theme="dark"] td:first-child{color:#95a8bd}
.live-app[data-theme="dark"] td:nth-child(5){color:#85dbb7}
.live-app[data-theme="dark"] .count-badge{color:#88dec0}
.live-app[data-theme="dark"] .send-tg{background:#1b3651;border-color:#315c7d;color:#a0d0ff}
.live-app[data-theme="dark"] #live-events li{border-color:#2a394a;color:#a9bace}
.live-app[data-theme="dark"] .workflow-details{background:#101b27}
.live-app[data-theme="dark"] .workflow-details span{color:#94abc1}
.live-app[data-theme="dark"] .requisite strong{background:#224d3f;color:#acffda}
.live-app[data-theme="dark"] .qr-paste{background:#142d28;border-color:#427b68;color:#a3d8c2}
.live-app[data-theme="dark"] .hint,.live-app[data-theme="dark"] .eyebrow,.live-app[data-theme="dark"] .empty{color:#90a4ba}
.live-app[data-theme="dark"] a{color:#94c7ff}
.live-app .aside-bottom #theme-toggle{font-size:12px;margin-bottom:15px;padding:8px 12px}

.collector-light{display:inline-block;width:11px;height:11px;border-radius:50%;background:#e56767;margin-right:10px;box-shadow:0 0 0 4px #e5676718}.collector-light.on{background:#46d59d;box-shadow:0 0 0 4px #46d59d18}.sound-option{display:flex;align-items:center;gap:10px}.sound-option input{width:auto}

.panel-login{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#173649 0,#0c1420 65%);color:#e3edf6;font-family:system-ui,sans-serif;padding:24px;box-sizing:border-box}.panel-login .login-card{width:min(100%,420px);margin:0;padding:38px;background:#131f2d;border:1px solid #2a3c4f;border-radius:24px;box-shadow:0 24px 80px #0005;box-sizing:border-box}.login-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#50d4a7;color:#09251c;font-size:27px;font-weight:800;margin-bottom:28px}.panel-login h1{font-size:27px;margin:12px 0}.panel-login p,.panel-login small{color:#9bafc3}.panel-login form{display:grid;gap:18px;margin:28px 0 24px}.panel-login label{display:grid;gap:8px;font-size:14px}.panel-login input{width:100%;box-sizing:border-box;background:#0d1723;border:1px solid #32475c;color:#fff;border-radius:10px;padding:13px;font-size:16px}.panel-login input:focus{outline:2px solid #50d4a7;outline-offset:2px}.panel-login button{background:#50d4a7;color:#08241b;border:0;border-radius:10px;padding:14px;font-size:16px;font-weight:700;cursor:pointer}.panel-login button:disabled{opacity:.6}.panel-login #login-error{color:#ffa5a5;margin:0;font-size:14px;min-height:0}.panel-login .eyebrow{font-size:11px;letter-spacing:2px;color:#91afc6}.panel-login small{font-size:12px}