:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#182339;background:#f5f7fc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#e7edff,transparent 45%),#f5f7fc}button,input,select{font:inherit}button{cursor:pointer;font-weight:650;border-radius:12px;padding:12px 17px;border:1px solid #dce2f0;background:#fff;color:#243552}button:disabled{opacity:.47;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.97)}.primary{background:#365cf5;color:#fff;border-color:#365cf5}.outline{border-color:#4165ed;color:#3153ca}.subtle{background:#f2f5fa}.layout{max-width:1180px;padding:20px 20px 38px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:15px 0 34px}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small,.secure,.hint,.heading p,small{color:#697791}.brand .logo{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#365cf5;color:#fff;font-size:25px;font-weight:900}.secure{font-size:13px;background:#ebf9f1;color:#18794b;padding:9px 13px;border-radius:20px}.card{background:#fff;border:1px solid #e5eaf3;border-radius:20px;box-shadow:0 10px 40px rgba(32,48,90,.04)}h1{font-size:clamp(25px,4vw,34px);letter-spacing:-1.1px;margin:0 0 7px}h2{font-size:19px;margin:0 0 20px}.heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}.heading p{margin:0}.actions{display:flex;align-items:center;gap:10px}.balance{display:flex;gap:10px;align-items:center;padding:13px 15px;font-size:14px}.balance b{color:#3153ca}.columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}.order,.panel,.history{padding:24px}.tabs{display:flex;gap:10px;background:#eff3fa;padding:6px;border-radius:14px}.tab{border:0;background:transparent;flex:1;padding:13px 5px}.tab.active{background:#fff;color:#3359e3;box-shadow:0 2px 8px #dbe3f2}.fields{display:grid;gap:16px;margin-top:24px}label{font-size:13px;font-weight:650;color:#485671;display:grid;gap:8px}input,select{width:100%;height:48px;background:#fff;border:1px solid #dbe2ee;border-radius:12px;padding:0 13px;color:#162238;outline:none}input:focus,select:focus{border-color:#5673f4;box-shadow:0 0 0 3px #e5eaff}.price{padding:15px;border-radius:13px;background:#f2f5ff;color:#2c478d;font-size:14px;line-height:1.6}.hint{font-size:12px;margin:-4px 0 0}.empty{color:#8995a8}.history{margin-top:20px}.historytitle{display:flex;justify-content:space-between;align-items:center}.item{border:1px solid #e6eaf3;padding:16px;border-radius:14px;margin:10px 0;display:flex;justify-content:space-between;gap:14px;align-items:center}.iteminfo{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.iteminfo strong{font-size:17px}.tag{background:#edf2ff;color:#3153ca;border-radius:8px;padding:4px 8px;width:max-content;font-size:10px;font-weight:800}.statetext{font-size:12px;color:#75829a}.itemActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:end}.itemActions button{font-size:12px;padding:9px 11px}.otp{color:#14784a;margin:0;font-size:15px}.auth{width:min(100%,480px);margin:35px auto;padding:30px}.auth h1{font-size:29px}.auth p{color:#667590;line-height:1.5}.auth form{display:grid;gap:18px;margin-top:25px}.auth button{margin-top:6px}footer{font-size:12px;color:#91a0b4;text-align:center;padding-top:35px}#toast{position:fixed;bottom:24px;right:24px;background:#1c2b48;color:#fff;border-radius:12px;padding:15px 19px;max-width:370px;box-shadow:0 9px 35px #1b315540;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}dialog{border:0;border-radius:18px;max-width:min(440px,calc(100% - 28px));box-shadow:0 25px 90px #16203b40;padding:0}dialog::backdrop{background:#1726469c}.modal{padding:27px}.modal p{line-height:1.6;color:#62708a}.modalActions{display:flex;justify-content:end;gap:10px;margin-top:25px}[hidden]{display:none!important}@media(max-width:800px){.columns{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}.secure{display:none}.layout{padding:14px}.top{padding-bottom:25px}.order,.panel,.history{padding:18px}.item{flex-direction:column;align-items:stretch}.itemActions{justify-content:start}.balance{font-size:12px}}

.userform{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;margin:18px 0}.userform label{display:block}.userform input,.userform select{width:100%}#usersList .item{margin:8px 0}[hidden]{display:none!important}

/* User management modal */
.users-dialog{width:min(880px,calc(100% - 24px));max-width:none;max-height:min(88vh,900px);overflow:auto;border-radius:22px}.user-form-dialog{width:min(490px,calc(100% - 24px));max-width:none;max-height:90vh;overflow:auto}.users-shell{padding:25px}.users-header{display:flex;justify-content:space-between;gap:20px;align-items:start}.users-header h2{margin:5px 0 6px;font-size:24px}.users-header p{margin:0;color:#63718c;font-size:14px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:850;color:#4364dd}.icon-close{font-size:27px;line-height:1;background:#f2f5fa;padding:6px 11px;border:0}.users-toolbar{display:flex;gap:12px;margin:24px 0 12px}.user-search{flex:1}.user-search input{height:44px}.users-toolbar .primary{white-space:nowrap}.user-stats{font-size:12px;color:#71809b;margin:12px 0}.users-list{display:grid;gap:10px;max-height:48vh;overflow-y:auto;padding-right:3px}.user-record{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #e5eaf3;border-radius:14px;background:#fff}.user-record-info{display:flex;align-items:center;gap:11px;min-width:0}.user-record-info>div{min-width:0}.user-record-info strong{display:block;font-size:14px;overflow-wrap:anywhere}.user-avatar{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;background:#ebefff;color:#3458e2;font-weight:800}.user-labels{display:flex;gap:6px;margin-top:6px}.user-pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:30px;background:#edf0f7;color:#53637d}.user-pill.is-active{background:#e5f7ed;color:#178456}.user-pill.is-inactive{background:#fff0ee;color:#bb493c}.user-record-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:end}.user-record-actions button{padding:8px 10px;font-size:12px}.users-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;border-top:1px solid #e7ebf3;padding-top:17px}.users-footer small{line-height:1.5}.users-empty{padding:30px;text-align:center;color:#72809a}.user-editor{display:grid;gap:17px;margin-top:24px}.user-editor .users-footer{margin-top:5px;justify-content:end}@media(max-width:650px){.users-shell{padding:18px}.users-toolbar{flex-direction:column}.user-record{align-items:stretch;flex-direction:column}.user-record-actions{justify-content:start}.users-list{max-height:51vh}.users-header h2{font-size:21px}.users-footer{align-items:start}}