.ext-main{max-width:1180px;margin:auto;padding:24px 20px 90px;min-height:65vh}.ext-top{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap}.ext-top h1{font-size:clamp(26px,4vw,40px);margin:8px 0}.ext-balance,.ext-panel{border:1px solid rgba(156,173,205,.18);border-radius:18px;background:#161f32;padding:23px}.ext-balance{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#b7c6db}.ext-balance strong{font-size:22px;color:#fff}.ext-tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 0 24px}.ext-tabs a{white-space:nowrap;padding:10px 15px;background:#1a273b;color:#c4d4e9;text-decoration:none;border-radius:10px}.ext-tabs a.sel{background:#3050ba;color:#fff}.ext-panel{margin-bottom:20px;min-width:0}.ext-panel h2{margin-top:0;font-size:22px}.ext-panel h3{margin-top:10px;font-size:18px}.ext-panel p{line-height:1.6}.ext-panel label{display:flex;flex-direction:column;gap:8px;margin:9px 0 14px;font-size:14px}.ext-panel input:not([type=checkbox]),.ext-panel select,.ext-panel textarea{width:100%;box-sizing:border-box;min-height:44px;background:#0f1728;border:1px solid #31415b;border-radius:10px;color:#fff;padding:11px;font:inherit}.ext-panel textarea{min-height:88px}.ext-panel .btn{margin-top:8px}.ext-grid,.ext-grid3,.ext-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ext-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.ext-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.ext-metrics>div{padding:19px;background:#16233b;border-radius:16px;color:#bdcbe1;font-size:13px}.ext-metrics strong{display:block;color:#fff;font-size:23px;margin-top:10px;overflow-wrap:anywhere}.ext-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.ext-head h3{margin:0}.ext-code{background:#111929;border-radius:10px;padding:12px;overflow-wrap:anywhere;font-family:monospace;font-size:13px}.ext-green{color:#66e3b2}.ext-check{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.ext-check input{width:18px;height:18px}.ext-flash{padding:15px;border-radius:11px;margin-bottom:16px}.ext-ok{background:#064837;color:#e4fff5}.ext-bad{background:#651f32;color:#fff}.ext-action{display:block;padding:13px 0;border-bottom:1px solid #33435b}.ext-price{font-size:28px;font-weight:800;color:#92b0ff;margin:14px 0}.ext-ticket{border-top:1px solid #37465b;margin:20px 0;padding:14px 0}.ext-panel table{width:100%;border-collapse:collapse;min-width:600px}.ext-panel table td,.ext-panel table th{padding:12px;border-bottom:1px solid #293b57;text-align:left}.ext-panel .table-scroll{overflow:auto}.ext-panel a{color:#9cc2ff}.ext-panel button{cursor:pointer}@media(max-width:800px){.ext-grid3,.ext-grid,.ext-metrics{grid-template-columns:1fr 1fr}}@media(max-width:550px){.ext-grid3,.ext-grid,.ext-metrics{grid-template-columns:1fr}.ext-panel{padding:17px}.ext-main{padding:16px 12px 60px}}

body.violet{--accent:#a882fa}body.emerald{--accent:#20ad8a}body.midnight{--accent:#7388bb}.dynamic-qr-form{display:grid;gap:9px;margin:14px 0}.dynamic-qr-form input{min-width:0;padding:9px;border-radius:9px;border:1px solid #42516b;background:#121a2a;color:#fff}.dynamic-qr-form button{padding:10px;background:#3050b5;color:white;border:0;border-radius:8px;cursor:pointer}

.ext-barchart{display:flex;gap:12px;height:190px;justify-content:space-around;align-items:stretch;margin:22px 0}.ext-barchart>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.ext-barchart .ext-bar{width:80%;max-width:90px;border-radius:10px 10px 0 0;background:linear-gradient(#629dff,#384cb7)}.ext-barchart small{margin-top:8px;color:#b1c2de}

body.light{background:#f4f7fc;color:#233047}body.light .nav,body.light .footer{background:#e9eef7;color:#273750}
body.light .ext-panel,body.light .ext-balance,body.light .ext-metrics>div,body.light .panel{background:#fff;color:#283651;border-color:#d7e1f0}
body.light .ext-panel h2,body.light .ext-panel h3,body.light .ext-metrics strong,body.light .ext-balance strong{color:#1f2c43}
body.light .ext-panel input:not([type=checkbox]),body.light .ext-panel select,body.light .ext-panel textarea{background:#f1f5fa;color:#22344b;border-color:#cbd6e7}
body.light .ext-code{background:#eef3fb;color:#22344b}body.light .ext-tabs a{background:#e2eaf5;color:#233047}body.light .ext-tabs a.sel{background:#3155a8;color:#fff}
body.light .muted{color:#64758f}