:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:#292531;background:#f7f7fa;--purple:#7259c7;--soft:#f0ebfc;--line:#e5e2ec;--muted:#777180;--dark:#18151f;--green:#2c755b;--red:#aa3d51}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;font-weight:650}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b9a6ef;outline-offset:2px}[hidden]{display:none!important}.ico{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-variant-numeric:tabular-nums}.overline{font-size:10px;letter-spacing:.13em;font-weight:600;color:#8c819d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:7px;border:1px solid transparent;font-size:12px;font-weight:600;min-height:41px;background:var(--purple);color:white;white-space:nowrap}.btn:hover{background:#6149b1}.btn.secondary{background:white;color:#63566f;border-color:#dcd5e6}.btn.secondary:hover{background:#f7f3fd}.btn.danger{background:#a83c50}.btn.small{font-size:11px;min-height:32px;padding:7px 10px}.btn.full{width:100%}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:none;color:#8c799e}.icon-btn:hover{background:#efe8f9;color:var(--purple)}.icon-btn .ico{width:17px;height:17px}.text-btn{border:0;background:none;color:var(--purple);padding:0;display:inline-flex;gap:7px;align-items:center;font-size:12px;font-weight:600}.text-btn:hover{text-decoration:underline}.text-btn .ico{width:15px;height:15px}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:27px;font-weight:650;letter-spacing:-1px}.boot span{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:15px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.8px;font-weight:700}.brand-mark{width:34px;height:34px;border-radius:9px;background:#a08af2;color:#18151f;display:grid;place-items:center}.brand-mark svg{width:25px;height:25px}.brand small{display:block;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-weight:500;margin-top:4px;color:#9d90b0}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;display:flex;flex-direction:column;background:var(--dark);color:#b0a2c1;padding:30px 19px 18px;z-index:30;overflow-y:auto}.sidebar .brand{color:#f4f0f8}.workspace{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid #38303f;border-radius:8px;margin:31px 0 27px;font-size:11px;color:#c2b3d3}.workspace .ico{color:#a08af2}.workspace small{display:block;font-size:10px;color:#92819f;margin-top:4px}.nav-label{padding:0 12px;margin:0 0 10px;font-size:9px;letter-spacing:.13em;color:#796b86;font-weight:600}.nav-label.gap{margin-top:25px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 13px;margin:3px 0;border-radius:7px;font-size:12px;min-height:42px;color:#a896ba}.nav-link .ico{width:17px;height:17px}.nav-link:hover{background:#26202e;color:white}.nav-link.active{background:#32273f;color:#c8b5fa}.sidebar-bottom{margin-top:auto;padding-top:29px}.connection{padding:14px 11px;background:#211b28;border:1px solid #342b3e;border-radius:8px;font-size:10px;line-height:1.7;color:#9582a5}.connection>strong{font-size:11px;color:#c5b2d4;display:flex;align-items:center;gap:7px;margin-bottom:5px}.dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:#9b87c4}.sidebar-profile{display:flex;align-items:center;gap:10px;margin-top:20px;padding:18px 3px 0;border-top:1px solid #342a3e}.avatar{width:31px;height:31px;display:grid;place-items:center;flex:none;border:1px solid #554366;border-radius:50%;background:#3b2d49;color:#cdb1e3;font-size:10px;font-weight:600}.sidebar-profile>div{min-width:0;flex:1}.sidebar-profile strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cebddc}.sidebar-profile small{font-size:9px;color:#9b85ac;display:block;margin-top:4px}.sidebar-profile .icon-btn:hover{background:#35273e}.main{margin-left:236px;min-height:100vh;display:flex;flex-direction:column;min-width:0}.topbar{height:69px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 35px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:11px;color:#96889f}.breadcrumbs .ico{width:12px;height:12px}.breadcrumbs strong{color:#64536f;font-weight:500}.top-right{display:flex;align-items:center;gap:15px;font-size:10px;color:#9b89a8}.environment{border:1px solid #e3d9ef;padding:5px 8px;border-radius:5px;background:#faf7fe;color:#9a7db0;font-size:10px}.mobile-menu{display:none}.content{width:100%;max-width:1530px;margin:0 auto;padding:35px 35px 45px;flex:1;min-width:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:28px}.page-head .overline{margin-bottom:10px}.page-head p{font-size:12px;color:var(--muted);margin-top:9px;max-width:700px}.page-actions{display:flex;gap:9px;align-items:center}.footer{padding:17px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#9988a5;gap:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:11px;padding:24px 0;margin-bottom:26px}.metric{padding:0 24px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric>span{font-size:11px;color:#8f7c9e;display:flex;align-items:center;gap:8px}.metric .ico{width:15px;height:15px}.metric strong{font-size:29px;letter-spacing:-.8px;display:block;margin:13px 0 8px;font-weight:600}.metric small{font-size:10px;color:#9d87ae;line-height:1.5;display:block}.panel{background:white;border:1px solid var(--line);border-radius:10px;min-width:0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 0 16px}.section-top h2{font-size:17px}.section-top p{font-size:11px;color:var(--muted);margin-top:6px}.setup-list{padding:4px 24px}.setup-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.setup-row:last-child{border:0}.setup-icon{width:35px;height:35px;display:grid;place-items:center;background:#f1ebfa;color:#9e80c2;border-radius:9px}.setup-row>div{flex:1}.setup-row h3{font-size:13px}.setup-row p{font-size:11px;color:#9b7fab;margin-top:5px}.setup-row .text-btn{font-size:11px}.notice{display:flex;align-items:flex-start;gap:10px;background:#f5f0fc;border:1px solid #e7dcef;border-radius:8px;padding:15px 17px;color:#8b6da0;font-size:12px;line-height:1.7;margin:19px 0}.notice .ico{width:17px;height:17px;margin-top:2px}.notice.warning{background:#fcf7ee;border-color:#efe2c8;color:#90703b}.toolbar{padding:19px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{display:flex;align-items:center;gap:9px;border:1px solid #e0d8e8;border-radius:7px;padding:0 12px;height:40px;background:white;min-width:200px;flex:1}.search .ico{width:16px;height:16px;color:#a18aad}.search input{border:0;outline:none;width:100%;min-width:0;background:none;font-size:12px;height:100%}.search:focus-within{outline:2px solid #b9a2e9}.toolbar select,.toolbar input[type=date]{width:auto;font-size:11px;min-height:40px;max-width:200px}.toolbar .filter-label{font-size:10px;color:#a08aac;display:flex;align-items:center;gap:6px}.table-wrap{overflow:auto;position:relative;max-width:100%;min-width:0;width:100%;border-radius:9px}.table-wrap table{border-collapse:collapse;width:100%;min-width:650px;text-align:left;white-space:nowrap;font-size:12px}.table-wrap.wide table{min-width:1140px}th{font-size:10px;font-weight:550;letter-spacing:.06em;color:#94829f;background:#fcfaff;padding:13px 18px;border-bottom:1px solid var(--line)}td{padding:17px 18px;border-bottom:1px solid #eee9f3;color:#76627f;font-variant-numeric:tabular-nums}tbody tr:last-child td{border:0}tbody tr:hover{background:#fcfaff}td strong{font-weight:550;color:#57415f;font-size:12px}td small{display:block;margin-top:5px;font-size:10px;color:#a487b3}td .actions{display:flex;gap:6px;justify-content:flex-end}.status{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 7px;font-size:10px;line-height:1.2;background:#f0ebf5;color:#92789d}.status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.status.on{background:#edf6f1;color:#377b5f}.status.off{background:#f1eef5;color:#8c7899}.status.warn{background:#fcf5e9;color:#a67f3a}.status.error{background:#faeef1;color:#ae5970}.positive{color:#337e5f}.negative{color:#a35d76}.pagination{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:11px;color:#9c7fab}.pagination>div{display:flex;gap:11px;align-items:center}.pagination .icon-btn{width:29px;height:29px}.previous .ico{transform:rotate(180deg)}.empty{padding:53px 25px;text-align:center;background:white;border-radius:10px;white-space:normal}.empty-symbol{width:45px;height:45px;display:grid;place-items:center;background:#f4edf9;color:#a180b9;border:1px solid #e8dcf1;border-radius:12px;margin:0 auto 17px}.empty h3{font-size:17px;letter-spacing:-.3px}.empty p{font-size:12px;color:#9b7fa9;max-width:430px;margin:10px auto 20px}.loading-row{padding:35px;color:#9d82ae;font-size:12px;text-align:center}.error-message{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff1f3;border:1px solid #efd1d8;padding:20px;border-radius:10px;color:#a45266;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550;color:#856391;margin:0 0 17px}.field small{font-size:10px;font-weight:400;color:#a183b4;line-height:1.6}input,select,textarea{border:1px solid #ded4e8;border-radius:7px;min-height:43px;padding:10px 12px;background:white;color:#45354e;font-size:13px;width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#af94bd}textarea{min-height:80px;resize:vertical}.field input:read-only{background:#faf7fd;color:#9d85ac}.check-field{display:flex;align-items:center;gap:9px;font-size:12px;color:#9471a1;margin:4px 0 18px}.check-field input{width:16px;height:16px;min-height:16px;padding:0;accent-color:var(--purple)}.form-error{padding:11px 13px;font-size:12px;line-height:1.6;color:#a33d52;background:#fcf0f3;border:1px solid #ecd3d9;border-radius:7px;margin:17px 0}.form-foot{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.form-foot .btn{font-size:12px}.form-foot>span{font-size:10px;color:#ad92bd;margin-right:auto;align-self:center}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-panel{padding:25px}.settings-panel h2{font-size:18px;margin-bottom:10px}.settings-panel>p{font-size:12px;color:#9d7baa;margin-bottom:24px}.security-line{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;color:#9c7aaa}.settings-panel .field{margin-top:18px}.dl{margin:20px 0}.dl>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.dl dt{color:#a081b2}.dl dd{margin:0;text-align:right;color:#714a84;overflow-wrap:anywhere}.dl dd strong{font-size:21px;font-weight:600}.detail-balance{background:#f4eefb;border:1px solid #e4d6f2;border-radius:9px;padding:21px;display:flex;justify-content:space-between;align-items:center;margin:22px 0}.detail-balance>span{color:#9a77b0;font-size:12px}.detail-balance strong{font-size:29px;color:#593c75;letter-spacing:-.8px}.report-note{font-size:11px;color:#a483b2;margin-top:16px;line-height:1.8}.rule-help{padding:22px 24px;border-top:1px solid var(--line);font-size:12px;line-height:1.8;color:#9a79ab}.rule-help strong{color:#79538e}.preview-box{padding:19px;background:#f6f0fb;border:1px solid #e7d7f3;border-radius:9px;margin-top:18px}.preview-box h3{font-size:14px;color:#87609f}.preview-values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.preview-values small{font-size:10px;color:#a380b5;display:block}.preview-values strong{font-size:20px;display:block;margin-top:7px;color:#684180;letter-spacing:-.5px}.preview-box>p{font-size:11px;color:#9470aa;margin-top:14px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.offer-card{padding:23px;background:white;border:1px solid var(--line);border-radius:10px}.offer-card>span{font-size:11px;color:#a180b1}.offer-card h2{font-size:19px;margin:10px 0}.offer-card p{font-size:12px;color:#a17db4}.offer-card strong{display:block;font-size:28px;letter-spacing:-1px;margin:23px 0 17px}.offer-card .btn{width:100%}.toast{position:fixed;bottom:23px;left:calc(50% + 118px);transform:translateX(-50%);z-index:100;display:flex;gap:11px;align-items:center;max-width:calc(100% - 30px);background:#2b2033;color:white;border:1px solid #4a3759;border-radius:9px;padding:12px 17px;box-shadow:0 8px 30px #20102a25;font-size:12px;line-height:1.6}.toast>.ico{color:#b49cdf;width:17px;height:17px}.toast .icon-btn{color:#c3a7d5;width:25px;height:25px}.dialog-open{overflow:hidden}dialog{width:min(660px,calc(100% - 30px));max-height:calc(100dvh - 44px);padding:0;background:white;color:#332439;border:1px solid #e2d4ec;border-radius:13px;box-shadow:0 25px 90px #22102c40}dialog::backdrop{background:#22132b70}#dialog-body{padding:28px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.dialog-head h2{font-size:22px;letter-spacing:-.5px}.dialog-head p{font-size:12px;line-height:1.7;color:#a380b3;margin-top:9px}.dialog-head .icon-btn{margin:-6px -8px 0 0;flex:none}.dialog-head~p{font-size:12px;color:#a782b9}.detail-ledger{max-height:250px;overflow:auto}.detail-entry{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-entry small{display:block;font-size:10px;color:#a48ab4;margin-top:5px}.detail-entry>span:last-child{white-space:nowrap;font-weight:600}.audit-detail{white-space:pre-wrap;font-family:inherit;font-size:12px;line-height:1.8;color:#8d649e;overflow-wrap:anywhere}.auth{min-height:100vh;display:grid;grid-template-columns:43% 57%;background:white}.auth-brand{background:var(--dark);color:white;padding:47px 57px 32px;display:flex;flex-direction:column}.auth-story{margin:auto 0;padding:65px 0;max-width:420px}.auth-story .overline{color:#ac95c0}.auth-story h1{font-size:51px;line-height:1.17;letter-spacing:-2.2px;font-weight:550;margin:24px 0}.auth-story h1 span{color:#a08af2}.auth-story>p{font-size:13px;color:#af98c1;max-width:320px;line-height:1.9}.auth-security{display:flex;gap:12px;align-items:center;margin-top:40px;border-top:1px solid #3b2c48;padding-top:26px;font-size:11px;line-height:1.7;color:#a88dbd}.auth-security .ico{color:#b299dc;width:23px;height:23px}.auth-brand>small{font-size:10px;color:#8c719f}.auth-main{display:flex;flex-direction:column;padding:33px 48px}.auth-switch{align-self:flex-end;font-size:11px;color:#9d7daf;display:flex;align-items:center;gap:6px}.auth-wrap{width:100%;max-width:385px;margin:auto;padding:40px 0}.auth-wrap .overline{font-size:10px;color:#a185b5}.auth-wrap h2{font-size:29px;letter-spacing:-1px;margin:15px 0 12px}.auth-wrap>p{font-size:12px;color:#9b7eac;margin-bottom:27px;line-height:1.8}.auth-wrap .field{margin-bottom:19px}.auth-wrap input{height:45px;font-size:13px}.auth-wrap .btn.full{height:45px;margin-top:5px}.auth-footnote{display:flex;gap:8px;align-items:flex-start;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;font-size:11px;line-height:1.8;color:#aa89bb}.auth-footnote .ico{width:14px;height:14px;margin-top:3px}.auth-main>footer{display:flex;justify-content:space-between;font-size:10px;color:#a385b5}.password-input{position:relative}.password-input input{padding-right:44px}.password-input .icon-btn{position:absolute;right:7px;top:6px}.auth-link{font-size:12px;color:#9c7bae;text-align:center;margin-top:23px}.auth-link .text-btn{font-size:12px}.mfa-key{font-family:monospace;letter-spacing:1px;font-size:13px;padding:16px;background:#f7f2fc;border:1px solid #e8d9f4;border-radius:8px;overflow-wrap:anywhere;margin:18px 0;line-height:1.7}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:23px 0}.recovery-codes code{padding:10px;background:#f6f1fb;border:1px solid #e8dcf1;border-radius:6px;font-size:12px;text-align:center}.auth-wrap ol{padding-left:19px;font-size:12px;line-height:1.9;color:#9876aa}.sr-only{position:absolute;left:0;top:0;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.server-time{font-size:10px;color:#a088ae}
/* Neutral secondary text keeps the lilac reserved for actions. */
.page-head p,.empty p,.setup-row p,.field small,.settings-panel>p,.report-note,.dialog-head p,.auth-wrap>p,.auth-link,.auth-footnote,.auth-wrap ol,.rule-help,.preview-box>p{color:#777080}.field{color:#61566d}.table-wrap td{color:#6e6379}.table-wrap th,.table-wrap td small{color:#81758c}.metric>span,.metric small,.dl dt,.security-line,.detail-balance>span,.pagination,.toolbar .filter-label,.check-field{color:#7c6c89}.auth-story>p,.auth-security{color:#b3a2c4}
@media(max-width:1200px){.sidebar{width:218px;padding:29px 15px 18px}.main{margin-left:218px}.content{padding:29px 25px 40px}.topbar{padding:0 25px}.metric{padding:0 20px}.metric strong{font-size:25px}.metrics{padding:23px 0}.metric>span{font-size:10px}.metric small{font-size:10px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.toast{left:calc(50% + 109px)}.settings-layout{gap:19px}.auth-brand{padding:40px}.auth-story h1{font-size:45px}}
@media(max-width:950px){.metrics{grid-template-columns:1fr 1fr;padding:0}.metric{padding:22px;border-bottom:1px solid var(--line)}.metric:nth-child(2){border-right:0}.metric:nth-child(3){border-bottom:0}.metric:last-child{border:0}.settings-layout{grid-template-columns:1fr}.page-head{align-items:flex-start}.page-actions{flex-wrap:wrap;justify-content:flex-end}.auth{grid-template-columns:39% 61%}.auth-brand{padding:31px}.auth-story h1{font-size:38px;letter-spacing:-1.6px}.auth-main{padding:30px}.auth-story>p{font-size:12px}.auth-security{font-size:10px}.auth-brand .brand{font-size:21px}}
@media(max-width:780px){.sidebar{left:-250px;width:236px}.sidebar.open{left:0}.scrim{position:fixed;inset:0;z-index:29;background:#23132e70}.main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:62px;padding:0 21px;gap:12px}.breadcrumbs{margin-right:auto}.top-right{gap:9px}.top-right>.server-time{display:none}.content{padding:29px 22px 40px}.toast{left:50%}.footer{padding:18px 22px;font-size:9px}.auth{grid-template-columns:1fr}.auth-brand{padding:23px 29px}.auth-story,.auth-brand>small{display:none}.auth-main{min-height:calc(100dvh - 82px);padding:22px 29px}.auth-wrap{max-width:420px;padding:39px 0}.page-actions .btn{font-size:11px;padding:10px 12px}.page-head h1{font-size:28px}.page-head p{font-size:12px}.settings-panel{padding:24px}.nav-link{padding:12px 13px}.nav-label.gap{margin-top:22px}.sidebar-bottom{padding-top:25px}}
@media(max-width:480px){.topbar{padding:0 15px;gap:8px;height:59px}.breadcrumbs>span,.breadcrumbs>.ico{display:none}.breadcrumbs strong{font-size:11px}.environment{font-size:9px;padding:5px 7px}.content{padding:25px 16px 35px}.page-head{gap:12px;margin-bottom:22px}.page-head h1{font-size:26px;letter-spacing:-.7px}.page-head .overline{font-size:9px;margin-bottom:8px}.page-head p{font-size:11px;line-height:1.8}.page-actions{flex:none}.page-actions .btn{padding:10px;min-height:36px;font-size:11px}.page-actions .btn .label-mobile-hide{display:none}.page-actions .btn .ico{width:15px;height:15px}.metrics{border-radius:9px;margin-bottom:22px}.metric{padding:19px 16px}.metric>span{font-size:10px;line-height:1.6;min-height:31px;align-items:flex-start}.metric strong{font-size:24px;margin:10px 0 7px}.metric .ico{width:13px;height:13px;margin-top:2px}.metric small{font-size:9px}.setup-list{padding:1px 17px}.setup-row{gap:12px;padding:19px 0;flex-wrap:wrap}.setup-icon{width:31px;height:31px}.setup-row h3{font-size:12px}.setup-row p{font-size:10px}.setup-row>.text-btn{margin-left:43px;font-size:11px}.notice{font-size:11px;padding:13px;gap:8px}.notice .ico{width:15px;height:15px}.toolbar{padding:14px;gap:9px}.toolbar .search{flex-basis:100%;min-width:0}.toolbar select{flex:1;min-width:0;max-width:none;font-size:10px}.toolbar .filter-label{flex:1;min-width:0;font-size:9px}.toolbar input[type=date]{width:100%;min-width:0;font-size:10px;padding:8px}.table-wrap table{font-size:11px}th{font-size:9px;padding:12px 14px}td{padding:15px 14px}td strong{font-size:12px}.pagination{font-size:10px;padding:12px 14px}.pagination>div{gap:6px}.section-top h2{font-size:16px}.section-top .text-btn{font-size:11px}.form-grid{grid-template-columns:1fr;gap:0}.field{font-size:12px;margin-bottom:17px}.form-foot{gap:8px;flex-wrap:wrap}.form-foot .btn{font-size:11px;padding:11px 13px}.form-foot>span{flex-basis:100%;font-size:10px}.footer{flex-direction:column;align-items:center;gap:9px;font-size:9px;text-align:center}.toast{font-size:11px;bottom:14px;padding:11px 14px;min-width:250px}.toast .ico{width:15px;height:15px}#dialog-body{padding:23px 19px}.dialog-head h2{font-size:21px}.dialog-head p{font-size:11px}.settings-panel{padding:22px 19px}.settings-panel h2{font-size:19px}.preview-values{grid-template-columns:1fr 1fr;gap:16px}.preview-values strong{font-size:22px}.catalog-grid{grid-template-columns:1fr}.offer-card{padding:23px}.auth-wrap h2{font-size:28px}.auth-wrap>p{font-size:12px}.auth-wrap .field{font-size:12px}.auth-main{padding:22px 25px}.auth-switch{font-size:10px}.auth-main>footer{font-size:9px}.auth-footnote{font-size:10px}.auth-wrap .btn.full{font-size:12px}.recovery-codes{gap:7px}.recovery-codes code{font-size:11px}.rule-help{font-size:11px;padding:19px}.detail-balance{padding:18px}.detail-balance strong{font-size:26px}.detail-balance>span{font-size:11px}.dl>div{font-size:11px}}

.secret-codes,.audit-json{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#f5f1fb;border:1px solid var(--line);border-radius:8px;font:13px/1.8 ui-monospace,monospace}.secret-codes{letter-spacing:1px}.dialog-head+p{margin-bottom:16px}#dialog-body>.actions{margin:22px 0}#dialog-body>h3{margin:26px 0 16px}

/* Shared spacing and responsive controls for both workspaces. */
:root { --control-height: 44px; --dialog-space: 28px; }
html { scrollbar-gutter: stable; }
.btn { min-height: var(--control-height); border-radius: 9px; line-height: 1.45; white-space: normal; text-align: center; }
.icon-btn { width: 40px; height: 40px; flex-shrink: 0; border-radius: 9px; }
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
td .actions { flex-wrap: nowrap; gap: 8px; }
.page-actions { flex-wrap: wrap; gap: 12px; }
.page-head > div:first-child { min-width: 0; }
.page-head h1, .settings-panel > p, .notice span, .detail-entry > span:first-child { overflow-wrap: anywhere; }
.field, .field > *, .form-grid > *, .settings-layout > * { min-width: 0; }
input, select, textarea { min-height: var(--control-height); border-radius: 9px; line-height: 1.5; }
input:disabled, select:disabled { background: #f5f4f7; color: #847b8d; cursor: not-allowed; }
.password-input input { padding-right: 52px; }
.password-input .icon-btn { top: 2px; right: 4px; }
.security-line { gap: 16px; line-height: 1.6; }
.security-line > span:first-child { flex: 1; min-width: 0; }
.security-line > strong, .security-line .status { flex-shrink: 0; }
.settings-panel .security-line:first-of-type { margin-top: 24px; }
.settings-panel form > .btn { margin-top: 4px; }
.settings-panel .notice { margin: 24px 0 16px; }
.metrics:has(> .metric:only-child) { grid-template-columns: 1fr; }
.metrics > .metric:only-child { border: 0; }
.pagination { flex-wrap: wrap; row-gap: 12px; }
.pagination > div { flex-wrap: wrap; }
.pagination .icon-btn { width: 36px; height: 36px; }

/* Dialog header and footer stay visible; only the working area scrolls. */
dialog {
 width: min(680px, calc(100% - 48px)); max-width: none;
 max-height: calc(100dvh - 48px); overflow: hidden;
 border: 1px solid #e5dfef; border-radius: 18px;
 box-shadow: 0 24px 80px #18151f30; color: #292531;
}
dialog::backdrop { background: #18151f80; }
dialog[data-view="user"], dialog[data-view="hook-events"] { width: min(860px, calc(100% - 48px)); }
#dialog-body { display: flex; flex-direction: column; padding: 0; max-height: calc(100dvh - 50px); }
.dialog-head {
 flex: 0 0 auto; padding: 24px var(--dialog-space) 22px;
 margin: 0; gap: 20px; border-bottom: 1px solid var(--line);
}
.dialog-head > div { min-width: 0; }
.dialog-head .overline { display: block; color: #82718f; margin-bottom: 10px; font-size: 9px; }
.dialog-head h2 { font-size: 23px; line-height: 1.3; letter-spacing: -.6px; overflow-wrap: anywhere; }
.dialog-head h2:focus { outline: none; }
.dialog-head p { margin-top: 8px; font-size: 13px; overflow-wrap: anywhere; }
.dialog-head .icon-btn { margin: 0; background: #f5f3f8; color: #776786; }
.dialog-head .icon-btn:hover { background: #ece6f7; color: var(--purple); }
.dialog-content { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 24px var(--dialog-space); scroll-padding-block: 24px; }
.dialog-content > :first-child { margin-top: 0; }
.dialog-content > :last-child { margin-bottom: 0; }
.dialog-content .field { font-size: 13px; gap: 9px; margin: 0 0 22px; font-weight: 550; }
.dialog-content .field small { font-size: 12px; line-height: 1.6; color: #777080; font-weight: 400; }
.dialog-content .form-grid { gap: 0 20px; }
.dialog-content .check-field { font-size: 13px; line-height: 1.6; min-height: 44px; margin: 0 0 16px; }
.dialog-content .check-field input { flex-shrink: 0; }
.dialog-content .notice:first-child { margin-top: 0; }
.dialog-content .notice { font-size: 12px; margin: 20px 0; padding: 15px 16px; }
.dialog-content form > :last-child:not(.form-error) { margin-bottom: 0; }
.dialog-content .form-error { margin: 20px 0 0; }
.dialog-content > .actions { margin: 24px 0 30px; }
.dialog-content > h3 { font-size: 14px; margin: 24px 0 16px; }
.dialog-content > p { font-size: 13px; color: var(--muted); line-height: 1.7; }
.dialog-content .table-wrap { border: 1px solid var(--line); }
.dialog-content .security-line:first-child { padding-top: 0; }
.dialog-content .security-line { font-size: 13px; }
.dialog-content .preview-box { margin-top: 8px; padding: 20px; background: #f8f6fc; }
.dialog-content .preview-box .field { margin-bottom: 16px; }
.dialog-content .preview-box p { line-height: 1.8; }
.dialog-content .pagination { padding: 18px 0 0; margin-top: 18px; }
.dialog-footer.form-foot {
 flex: 0 0 auto; margin: 0; padding: 18px var(--dialog-space);
 display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px;
 background: #fcfbfe; border-top: 1px solid var(--line);
}
.dialog-footer .btn { min-height: 44px; padding: 11px 20px; min-width: 110px; font-size: 13px; }
.copy-field { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin: 24px 0; }
.copy-field .field { flex: 1 1 300px; margin: 0; }
.copy-field .btn { flex: 0 0 auto; }
.copy-field input { font-weight: 400; font-family: ui-monospace, monospace; font-size: 12px; color: #61566d; }
.copy-field .field input:read-only { color: #61566d; }
.balance-summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 24px; padding: 18px 20px; background: #f4f0fc; border-radius: 12px; }
.balance-summary span { font-size: 12px; color: #77698a; }
.balance-summary strong { font-size: 25px; font-weight: 600; letter-spacing: -.7px; color: #6349ad; }
.audit-json { font-size: 12px; color: #61566d; margin: 20px 0 0; }
@media (max-width: 600px) {
 :root { --dialog-space: 20px; }
 .page-head { flex-direction: column; align-items: stretch; gap: 18px; }
 .page-actions { justify-content: flex-start; }
 .page-actions:empty { display: none; }
 .page-actions .btn { min-height: 44px; padding: 11px 16px; font-size: 12px; }
 .form-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
 .btn.small { min-height: 40px; }
 .text-btn { min-height: 40px; }
 input, select, textarea, .auth-wrap input, .toolbar select, .toolbar input[type=date], .search input { font-size: 16px; }
 .toolbar select { flex-basis: calc(50% - 12px); }
 .toolbar .filter-label { flex: 1 1 calc(50% - 12px); flex-direction: column; align-items: stretch; gap: 8px; font-size: 11px; }
 .toolbar .filter-label input { width: 100%; max-width: none; }
 .settings-panel { padding: 24px 20px; }
 .settings-panel form > .btn, .settings-panel > .btn { width: 100%; }
 .security-line { align-items: flex-start; }
 .security-line .status { max-width: 55%; line-height: 1.5; }
 .security-line > strong { flex-shrink: 1; text-align: right; overflow-wrap: anywhere; }
 dialog, dialog[data-view="user"], dialog[data-view="hook-events"] { width: calc(100% - 24px); max-height: calc(100dvh - 24px); border-radius: 16px; }
 #dialog-body { max-height: calc(100dvh - 26px); }
 .dialog-head { padding: 20px var(--dialog-space) 18px; gap: 12px; }
 .dialog-head h2 { font-size: 21px; }
 .dialog-head p { font-size: 12px; }
 .dialog-head .overline { font-size: 9px; margin-bottom: 8px; }
 .dialog-content { padding: 22px var(--dialog-space); }
 .dialog-content input, .dialog-content select, .dialog-content textarea { font-size: 16px; }
 .dialog-content .actions { flex-direction: column; align-items: stretch; gap: 12px; }
 .dialog-content .actions .btn { width: 100%; }
 .dialog-content .pagination { flex-direction: column; align-items: stretch; gap: 16px; }
 .dialog-content .pagination > div { justify-content: space-between; gap: 8px; }
 .dialog-content .pagination .btn { min-height: 44px; }
 .dialog-footer.form-foot { padding: 16px var(--dialog-space) max(16px, env(safe-area-inset-bottom)); }
 .dialog-footer .btn { flex: 1 1 0; min-width: 0; padding: 11px 12px; font-size: 12px; }
 .copy-field { align-items: stretch; }
 .copy-field .field { flex-basis: 100%; }
 .copy-field .btn { width: 100%; }
 .balance-summary { padding: 16px; }
 .balance-summary strong { font-size: 23px; }
 .auth-main { padding-inline: 22px; }
 .auth-wrap h2 { overflow-wrap: anywhere; }
}
@media (max-width: 360px) {
 :root { --dialog-space: 16px; }
 .dialog-footer .btn { flex-basis: 100%; }
 .dialog-head h2 { font-size: 19px; }
 .metrics { grid-template-columns: 1fr; }
 .metric { border-right: 0; }
 .metric:nth-child(3) { border-bottom: 1px solid var(--line); }
 .security-line { flex-wrap: wrap; }
 .security-line .status { max-width: 100%; }
 .settings-panel { padding-inline: 16px; }
}
@media (max-height: 500px) {
 dialog, dialog[data-view="user"], dialog[data-view="hook-events"] { max-height: calc(100dvh - 16px); }
 #dialog-body { max-height: calc(100dvh - 18px); }
 .dialog-head { padding-block: 12px; }
 .dialog-head .overline { display: none; }
 .dialog-head p { margin-top: 4px; }
 .dialog-footer.form-foot { padding-block: 10px; }
}

/* Service / country / operator flow and live SMS workspace. */
.wizard { overflow: hidden; }
.wizard-steps { display: flex; gap: 28px; justify-content: space-between; padding: 24px 28px; border-bottom: 1px solid var(--line); }
.wizard-steps > span { display: flex; align-items: center; gap: 10px; color: #92899d; font-size: 12px; font-weight: 550; }
.wizard-steps b { display: grid; place-items: center; width: 30px; height: 30px; flex-shrink: 0; background: #f3f0f7; border-radius: 50%; font-size: 12px; }
.wizard-steps .active { color: #6850b4; }
.wizard-steps .active b { color: white; background: var(--purple); }
.wizard-body { padding: 28px; }
.wizard-body > p { margin: 10px 0 24px; color: var(--muted); font-size: 13px; }
.wizard-body > .search { margin: 24px 0; }
.service-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.service-grid .btn { justify-content: flex-start; min-height: 68px; text-align: left; overflow-wrap: anywhere; }
.wizard-choice { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 28px; }
.wizard-choice h2 { margin-top: 10px; }
.operator-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.operator-option { border: 1px solid var(--line); border-radius: 12px; padding: 22px; }
.operator-title { display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.operator-price { display: block; font-size: 30px; letter-spacing: -1px; margin: 26px 0 18px; }
.operator-option p { font-size: 12px; color: var(--muted); line-height: 1.8; }
.operator-option .btn { width: 100%; margin-top: 22px; }
.activation-status, .activation-metadata { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.activation-metadata { border-bottom: 1px solid var(--line); padding: 18px 0 24px; margin-bottom: 24px; font-size: 12px; }
.number-display { padding: 28px 20px; text-align: center; background: #f6f3fd; border: 1px solid #e9e0f7; border-radius: 12px; margin-top: 24px; }
.number-display > span { color: var(--muted); font-size: 12px; }
.number-display > strong { display: block; font-size: clamp(23px,4vw,32px); font-variant-numeric: tabular-nums; margin: 12px 0 20px; letter-spacing: -.7px; overflow-wrap: anywhere; }
.sms-list { margin: 16px 0 24px; }
.sms-message { padding: 20px; border: 1px solid var(--line); border-radius: 12px; margin-bottom: 14px; }
.sms-message > div { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.sms-code { font-size: 30px; display: block; margin: 22px 0 16px; letter-spacing: 3px; color: #6349ad; overflow-wrap: anywhere; }
.sms-message p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; }
.activation-controls { margin-bottom: 24px; }
@media(max-width:1100px) { .service-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.operator-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
 .wizard-steps { padding: 20px 16px; gap: 12px; }.wizard-steps > span { flex: 1; align-items: flex-start; flex-direction: column; font-size: 11px; gap: 10px; line-height: 1.5; }
 .wizard-body { padding: 22px 18px; }.service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.service-grid .btn { padding: 14px 12px; }
 .operator-grid { grid-template-columns: minmax(0,1fr); }.operator-option { padding: 20px; }.wizard-choice { align-items: flex-start; }
 .sms-message { padding: 16px; }.sms-message > div { align-items: flex-start; flex-direction: column; }
}

.wizard-choice [data-action="wizard-back"] .ico { transform: rotate(180deg); }

/* Quiet batch controls with generous touch targets and wrapping on mobile. */
.bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;padding:18px 24px;border-bottom:1px solid var(--line);background:#faf9fc}
.bulk-summary{display:flex;flex-direction:column;gap:6px;min-width:150px}.bulk-summary strong{font-size:13px;color:#40374c}.bulk-summary span{font-size:11px;color:#777080}
.bulk-selection,.bulk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.bulk-actions{margin-left:auto}.bulk-selection .text-btn{min-height:44px;text-align:left;line-height:1.5}.bulk-actions .btn{font-size:12px}
.row-select{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;cursor:pointer}.row-select input{width:18px;height:18px;min-height:18px;padding:0;accent-color:var(--purple);cursor:pointer}.selection-cell{width:56px;padding:8px}.table-wrap th:has([data-bulk-visible]){width:56px;padding:8px}.selected-row td{background:#f5f1fb}
.bulk-confirm{display:flex;align-items:baseline;gap:12px;margin:4px 0 20px;flex-wrap:wrap}.bulk-confirm strong{font-size:36px;letter-spacing:-1px;color:#514174}.bulk-confirm span,.bulk-explanation{font-size:13px;line-height:1.8;color:#6e6379}.bulk-explanation{margin-bottom:20px}
@media(max-width:780px){.bulk-toolbar{padding:16px;gap:12px}.bulk-summary,.bulk-selection{width:100%}.bulk-actions{margin:0;width:100%}.bulk-actions .btn{flex:1;min-width:120px}.bulk-selection{justify-content:space-between;gap:8px}.bulk-selection .text-btn{max-width:100%}}