:root{--bg:#141326;--side:#202039;--panel:#24233e;--panel2:#2b2a49;--input:#17162a;--line:#6761ad;--line2:#3c3963;--txt:#f6f5ff;--muted:#aba9c9;--violet:#7772f5;--violet2:#a099ff;--success:#4bd8aa;--warn:#f7bd6e;--red:#ff7d99;--blue:#68b7ff;--shadow:0 18px 55px #08071d55}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);font-size:14px;line-height:1.5}body.light{--bg:#f4f4ff;--side:#edecff;--panel:#fff;--panel2:#f4f2ff;--input:#eeeefe;--line:#aaa4ed;--line2:#d3d0f2;--txt:#242343;--muted:#676684;--shadow:0 16px 50px #28235b22}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:var(--violet2);text-decoration:none}a:hover{text-decoration:underline}p{margin:0}h1,h2,h3{line-height:1.22;margin:0}h1{font-size:28px;letter-spacing:-.8px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:16px}small{font-size:12px}label{display:block;font-weight:650;margin-bottom:7px;color:var(--txt)}.muted{color:var(--muted)}.tiny{font-size:11px}.hidden{display:none!important}.row{display:flex;align-items:center;gap:12px}.between{display:flex;justify-content:space-between;align-items:center;gap:12px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:14px}.btn{background:linear-gradient(100deg,#635df2,#9a93f7);color:#fff;border:1px solid #a59dff;padding:11px 17px;border-radius:10px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;transition:filter .18s,transform .18s;min-height:42px}.btn:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-1px);text-decoration:none}.btn:active{transform:translateY(0)}.btn:focus-visible,.side-nav button:focus-visible,.cat-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b8b0ff;outline-offset:2px}.btn-outline{background:transparent;color:var(--txt);border:1px solid var(--line2)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--muted)}.btn-small{padding:6px 11px;min-height:32px;font-size:12px;border-radius:8px}.btn-warn{background:#5b354b;border-color:#ac6680}.w-full{width:100%}.input,select,textarea{display:block;width:100%;background:var(--input);border:1px solid #302e52;color:var(--txt);border-radius:11px;padding:12px 14px;min-height:45px;outline:none}input::placeholder,textarea::placeholder{color:#777493}.input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7367f020}select{color-scheme:dark}textarea{resize:vertical;min-height:86px}.field{margin-bottom:17px}.field-hint{color:var(--muted);font-size:12px;margin-top:5px}.subtle{border:1px solid var(--line2);background:var(--input)}.pill{display:inline-flex;align-items:center;border-radius:50px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.4;background:#4a4160;color:#f0e9ff}.pill.good{background:#174d47;color:#74e9c4}.pill.pending{background:#53432a;color:#ffd992}.pill.bad{background:#5d2b3e;color:#ff9db2}.pill.blue{background:#253e65;color:#91c4ff}.danger{color:var(--red)}.success{color:var(--success)}.notice{border:1px solid var(--line2);border-left:3px solid var(--violet);padding:12px 15px;border-radius:10px;background:#7772f50b;color:var(--muted);line-height:1.65}.notice strong{color:var(--txt)}.msg{padding:11px 13px;border-radius:10px;background:#17493a;color:#bcfbe6;border:1px solid #2d7660;margin-bottom:15px}.msg.error{background:#512b3f;color:#ffbccc;border-color:#95516c}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.accent{color:var(--violet2)}.brand{font-weight:900;font-size:26px;font-style:italic;letter-spacing:-1.3px;color:#8090ff;text-shadow:0 2px 20px #756bff33;white-space:nowrap}.brand span{color:#b4a9ff}.brand-mini{font-size:20px}.dot{width:8px;height:8px;background:var(--success);border-radius:50%;display:inline-block}.dot.off{background:var(--red)}.round{border-radius:50%}.avatar{height:42px;width:42px;display:grid;place-items:center;border-radius:50%;background:#aebce6;color:#313665;border:3px solid #f3eefa;font-weight:800;font-size:17px;flex-shrink:0}.avatar.big{height:89px;width:89px;font-size:30px;border:4px solid #f2eeff;box-shadow:0 0 0 4px #716ce4}.stat-value{font-size:21px;font-weight:850;letter-spacing:-.6px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat{min-height:100px;border:1.5px solid var(--line);border-radius:13px;background:var(--panel);padding:16px 17px;display:flex;align-items:center;gap:13px;overflow:hidden}.stat-icon{height:48px;width:48px;border-radius:14px;background:#55518155;display:grid;place-items:center;font-size:27px;flex-shrink:0}.stat-title{color:var(--txt);font-weight:750;font-size:13px}.stat-value{font-size:19px;white-space:nowrap}.app-shell{display:flex;min-height:100vh}.sidebar{width:300px;background:var(--side);border-right:1px solid #3b385f;position:fixed;inset:0 auto 0 0;z-index:15;display:flex;flex-direction:column;overflow-y:auto;padding:0 14px 22px}.side-top{height:75px;display:flex;align-items:center;padding:0 12px}.side-account{margin:0 0 22px;background:var(--panel2);border-radius:13px;padding:21px 15px 17px;text-align:center;border:1px solid #413e6555}.side-account .avatar{margin:0 auto 14px}.account-name{font-weight:750;margin:8px 0 12px;overflow-wrap:anywhere}.balance-tag{background:linear-gradient(100deg,#6663e6,#a09bfd);border:1px solid #c2bbff;color:#fff;font-size:17px;font-weight:850;border-radius:7px;padding:10px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav button{width:100%;border:0;background:transparent;color:var(--muted);padding:11px 13px;border-radius:8px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:580;min-height:42px}.side-nav button:hover{background:#7772f51a;color:var(--txt)}.side-nav button.active{background:linear-gradient(105deg,#6862e5,#9990f2);color:#fff}.side-nav .nav-ico{width:21px;text-align:center;font-size:17px}.side-footer{margin-top:auto;padding:18px 4px 4px}.main-wrap{margin-left:300px;width:calc(100% - 300px);min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #37345588;background:var(--side)}.top-left,.top-right{display:flex;gap:14px;align-items:center}.hamburger{background:none;border:0;color:var(--txt);font-size:26px;line-height:1}.top-avatar{display:flex;align-items:center;gap:9px;border:1px solid var(--line2);border-radius:99px;background:var(--panel2);color:var(--txt);padding:5px 10px 5px 5px}.top-avatar .avatar{width:29px;height:29px;font-size:12px}.content{padding:20px 22px 40px;max-width:1640px;margin:0 auto}.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}.cat-btn{display:flex;align-items:center;gap:9px;text-align:left;background:var(--panel);color:var(--txt);border:1.5px solid var(--line);border-radius:8px;padding:8px 11px;height:45px;font-size:14px;overflow:hidden;white-space:nowrap}.cat-btn:hover,.cat-btn.active{border-color:var(--violet2);background:#7772f526}.cat-ico{display:grid;place-items:center;font-size:17px;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#4e497b}.order-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.panel{background:var(--panel);border:1.5px solid var(--line);border-radius:18px;padding:19px;min-width:0;box-shadow:0 5px 30px #09071b08}.tabs{display:flex;background:#30303c;border-radius:13px;padding:8px;gap:7px;margin-bottom:21px}.tabs button{flex:1;border:1px solid #5a575f;background:transparent;border-radius:9px;color:var(--muted);padding:11px 6px;min-height:43px;font-weight:730}.tabs button.active{color:#fff;background:#4a4a4b;border-color:#4a4a4b}.search-wrap{position:relative;margin-bottom:19px}.search-wrap input{padding-left:40px}.search-wrap span{position:absolute;top:11px;left:14px;color:#79749f;font-size:17px}.field-key{font-weight:760;margin-bottom:8px}.calc-total{display:flex;justify-content:space-between;align-items:center;background:var(--input);border-radius:10px;padding:15px;margin:15px 0;font-size:15px}.calc-total strong{font-size:22px;color:var(--violet2)}.service-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:25px}.service-actions button{min-height:42px;border-radius:8px;background:#424149;border:1px solid #58546d;color:var(--txt);font-weight:690}.service-actions button:nth-child(n+3){background:transparent}.info-line{display:flex;align-items:center;gap:13px;padding:16px;background:var(--input);border-radius:18px;margin-bottom:13px;min-height:62px}.info-line .ic{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#262541;color:#8f86ff;font-size:20px;flex-shrink:0}.info-line b{display:block;font-size:13px}.info-line .info-value{color:var(--muted);font-size:12px;line-height:1.4;margin-top:3px;overflow-wrap:anywhere}.page-heading{margin-bottom:22px}.page-heading p{color:var(--muted);margin-top:7px}.data-table{overflow:auto;border:1px solid var(--line2);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:680px;font-size:12px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line2);vertical-align:middle}th{color:#c0bafa;background:#2d2b48;font-weight:720;white-space:nowrap}td{color:var(--txt)}tbody tr:hover{background:#7772f50a}tbody tr:last-child td{border-bottom:0}.no-data{padding:25px;text-align:center;color:var(--muted)}.inline-link{color:var(--blue);text-decoration:underline}.modal-shade{position:fixed;inset:0;background:#070615ba;display:none;align-items:center;justify-content:center;z-index:70;padding:16px}.modal-shade.open{display:flex}.modal{width:min(100%,470px);border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 20px 80px #0009;padding:25px}.modal h2{margin-bottom:12px}.modal p{color:var(--muted);margin-bottom:19px}.toast-area{position:fixed;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:100;max-width:380px}.toast{padding:13px 16px;border:1px solid #6761ad;border-radius:13px;background:#323054;color:#fff;box-shadow:var(--shadow);font-weight:650}.toast.err{border-color:#b56a82}.notif-item{display:flex;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line2);cursor:pointer}.notif-item:hover{background:#7772f50d}.notif-item.unread{border-left:3px solid var(--violet2)}.notif-item .notif-icon{font-size:22px}.notif-item:last-child{border-bottom:0}.notif-title{font-size:13px;font-weight:730}.notif-detail{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.light-mode-btn{border-radius:99px;background:var(--violet);color:#fff;border:0;height:34px;padding:0 11px}.mobile-mask{display:none}.auth-body{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(circle at 15% 15%,#34316c 0,#17162c 46%,#131226 100%)}.auth-art{padding:65px clamp(30px,7vw,110px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #58528c44;position:relative;overflow:hidden}.auth-art:before{content:'';height:370px;width:370px;border:60px solid #7061dd19;position:absolute;right:-145px;bottom:12%;border-radius:50%}.auth-art h1{font-size:clamp(34px,4vw,61px);letter-spacing:-2.1px;line-height:1.12;max-width:590px;position:relative}.auth-art h1 span{color:#9a95ff}.auth-art p{font-size:15px;color:#aaa8c8;max-width:460px;line-height:1.9;margin-top:23px}.auth-art .decor{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:520px;position:relative;margin:40px 0}.decor-card{background:#292648cc;padding:18px;border:1px solid #6760aa;border-radius:14px}.decor-card strong{display:block;font-size:24px;color:#c4bcff}.decor-card span{font-size:12px;color:#b7b1d3}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:35px 30px}.auth-card{width:100%;max-width:450px;padding:37px 34px;border:1px solid #655fa5;background:#24223dcc;border-radius:22px;box-shadow:var(--shadow)}.auth-card h2{font-size:25px;margin-bottom:8px}.auth-card .auth-sub{color:#aaa8c8;margin-bottom:29px}.auth-card .field{margin-bottom:16px}.auth-card .btn{min-height:46px}.divider-text{display:flex;align-items:center;gap:14px;color:#9d97c7;font-size:12px;margin:22px 0}.divider-text:before,.divider-text:after{content:'';height:1px;background:#514b76;flex:1}.auth-footer{text-align:center;margin-top:21px;font-size:13px;color:#b1accb}.google-btn{width:100%;background:#f6f6fe;color:#24223d;border:0;border-radius:10px;padding:12px 14px;font-weight:800;min-height:45px}.google-mark{font-weight:900;color:#4285f4;font-size:19px}.auth-top-link{font-size:12px;color:#bfb6ff}.empty-card{border:1px dashed var(--line2);padding:25px;border-radius:13px;text-align:center;color:var(--muted)}.admin-badge{background:#402f67;border:1px solid #8170d5;padding:3px 9px;border-radius:99px;color:#cec6ff;font-size:11px}.user-item{display:flex;align-items:center;gap:13px}.status-line{display:flex;justify-content:space-between;align-items:center;gap:9px}.account-banner{display:flex;align-items:center;gap:14px}.sr-only{position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.copy{background:transparent;border:0;color:var(--violet2);font-size:12px;padding:4px 0}
@media(min-width:1350px){.content{padding:22px 28px 44px}.panel{padding:22px}.cats{gap:13px}.stat{padding:16px 20px}.stat-value{font-size:21px}}@media(max-width:1200px){.sidebar{width:250px}.main-wrap{width:calc(100% - 250px);margin-left:250px}.stats{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(3,minmax(0,1fr))}.order-grid{grid-template-columns:1fr}.stat{min-height:88px}}@media(max-width:800px){.sidebar{transform:translateX(-102%);transition:transform .22s;width:min(300px,85vw)}.sidebar.open{transform:translateX(0)}.mobile-mask.open{display:block;position:fixed;inset:0;background:#050410a8;z-index:14}.main-wrap{margin-left:0;width:100%}.topbar{height:65px;padding:0 15px}.content{padding:16px 12px 30px}.stats{gap:9px}.stat{padding:13px}.cat-btn{font-size:12px}.auth-body{grid-template-columns:1fr}.auth-art{display:none}.auth-form-wrap{min-height:100vh;padding:25px 15px}.auth-card{padding:29px 23px}.two-col,.grid3{grid-template-columns:1fr}}@media(max-width:480px){.stats{grid-template-columns:1fr 1fr}.stat{gap:7px;min-height:90px}.stat-icon{display:none}.stat-title{font-size:11px}.stat-value{font-size:16px}.cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel{padding:13px;border-radius:14px}.top-avatar span:last-child{display:none}.order-grid{gap:14px}.service-actions{gap:5px}.service-actions button{font-size:11px}.auth-card{border-radius:14px}}

/* Reset-password OTP UI */
.link-btn{border:0;background:transparent;color:#aaa0ff;cursor:pointer;font:inherit;text-decoration:underline;padding:0}.link-btn:disabled{opacity:.5;cursor:not-allowed}
#reset-code{letter-spacing:.28em;font-size:1.45rem;text-align:center;font-weight:700}

/* Additional forms inherit the existing dark/light theme. */
.modal{max-height:90vh;overflow-y:auto}.side-nav>a{padding:12px 15px;color:var(--muted);text-decoration:none;display:block}textarea.input{resize:vertical;min-height:85px}.notice p{white-space:pre-wrap;overflow-wrap:anywhere}#ticket-list,#admin-ticket-list{display:grid;gap:10px}#ticket-list button,#admin-ticket-list button{white-space:normal;text-align:left}#order-notes{margin:10px 0;overflow-wrap:anywhere}.row.wrap>.input{min-width:160px;flex:1}.row.wrap>select{max-width:210px}@media(max-width:600px){.row.wrap>.input,.row.wrap>select{width:100%;max-width:none}.modal{max-width:calc(100vw - 24px)}}
.main-wrap,.content,.screen,.panel{min-width:0}.data-table{width:100%;max-width:100%;overflow-x:auto}.search-wrap{min-width:0;flex-wrap:wrap}.search-wrap>.input{min-width:0;flex:1 1 160px}.search-wrap>select{max-width:100%}
@media(max-width:600px){.topbar{gap:8px}.top-left{min-width:0;flex:1}.top-left>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-right{flex-shrink:0;gap:6px}}