@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-vietnamese-800-normal-D4LFh2W4.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-800-normal-CA0HL1e4.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/be-vietnam-pro-latin-800-normal-BpHZASpI.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-800-normal-Cwp5p0gU.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--font-ui:"Be Vietnam Pro", "Segoe UI", Arial, sans-serif;--bg-color:#101b23;--surface-color:#172630;--surface-border:#30434e;--surface-border-active:#76cbb5;--primary:#84d7bc;--primary-glow:#84d7bc1f;--secondary:#a7e5d1;--secondary-glow:#a7e5d11f;--accent:#9fdcc8;--text-main:#f1f4f2;--text-muted:#a7b6be;--radius-lg:22px;--radius-md:14px;--radius-sm:10px;--transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;font-family:Be Vietnam Pro,Segoe UI,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text-main);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#0c151c;min-width:320px;min-height:100vh;line-height:1.6}button,input,textarea,select{letter-spacing:normal;font-family:inherit;line-height:1.55}button{cursor:pointer}button:disabled{cursor:not-allowed}button svg,a svg{flex-shrink:0}a{color:var(--accent)}::selection{color:#102c26;background:#84d7bc}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}#root{background:var(--bg-color);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.glass-panel{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.btn-primary,.btn-secondary{border-radius:var(--radius-md);min-height:48px;font-family:var(--font-ui);transition:var(--transition);text-align:center;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#102c26;border:1px solid #0000;width:100%;box-shadow:0 4px 18px #0000001f}.btn-primary:hover:not(:disabled){background:#a1e6cf;transform:translateY(-1px)}.btn-secondary{border:1px solid var(--surface-border);color:var(--text-main);background:#ffffff09}.btn-secondary:hover:not(:disabled){background:#ffffff12;border-color:#637d89}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled,.btn-secondary:disabled{color:#93a2ab;border:1px solid var(--surface-border);box-shadow:none;background:#22323c}input,textarea,select{border:1px solid var(--surface-border);border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--text-main);transition:var(--transition);background:#111f29;padding:13px 15px;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}input::placeholder,textarea::placeholder{color:#93a4ae;opacity:1}option{color:var(--text-main);background:#172630}.step-container{flex-direction:column;flex:1;gap:24px;min-width:0;padding:24px;animation:.25s fadeIn;display:flex}.step-header{flex-direction:column;gap:10px;display:flex}.title{color:var(--text-main);letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(1.5rem,2.3vw,2rem);font-weight:700;line-height:1.45}.subtitle{color:var(--text-muted);font-size:.94rem;line-height:1.75}.app-header{justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;display:flex}.logo{flex-shrink:0;align-items:center;gap:12px;display:flex}.logo-icon{color:var(--accent)}.logo-text{flex-direction:column;gap:2px;display:flex}.logo-title{letter-spacing:.09em;white-space:nowrap;font-size:1.2rem;font-weight:800;line-height:1.5}.logo-subtitle{color:var(--text-muted);font-size:.72rem;font-weight:400}.logo-subtitle-jega{color:#f15a53;letter-spacing:.04em;font-weight:800}.auth-screen{justify-content:center}.auth-card{flex-direction:column;gap:20px;padding:24px;display:flex}.auth-mode-switch{border:1px solid var(--surface-border);background:#101e27;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.auth-mode-button{min-height:44px;color:var(--text-muted);font-family:var(--font-ui);min-width:0;transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:8px;padding:11px 6px;font-size:.8rem;font-weight:500}.auth-mode-button.active{color:#b5f0da;background:#294039;border-color:#415e52}.auth-mode-button:hover:not(.active){color:var(--text-main);background:#1a2d38}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field-label{color:#d2dddf;font-size:.84rem;font-weight:500}.auth-input-wrap{border-radius:var(--radius-sm);border:1px solid var(--surface-border);transition:var(--transition);background:#101e27;align-items:center;gap:10px;padding:0 14px;display:flex}.auth-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.auth-input-wrap svg{color:var(--text-muted);flex-shrink:0}.auth-input-wrap input{box-shadow:none;color:var(--text-main);caret-color:var(--text-main);background:0 0;border:none;padding:14px 0}.auth-input-wrap input:focus{box-shadow:none}.auth-input-wrap input:-webkit-autofill{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);-webkit-box-shadow:inset 0 0 0 1000px #101e27}.password-toggle{background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:44px;display:grid}.password-toggle:hover{background:#ffffff0f}.auth-error,.auth-success{border-radius:var(--radius-sm);padding:12px 14px;font-size:.88rem;line-height:1.65}.auth-error{color:#ffc2c2;background:#39262a;border:1px solid #8b4b4b}.auth-success{color:#b6f0ce;background:#1c392e;border:1px solid #406e59}.auth-credit-note{border-radius:var(--radius-md);background:var(--primary-glow);border:1px solid #365348;align-items:center;gap:10px;padding:14px;font-size:.83rem;display:flex}.auth-credit-note svg{flex-shrink:0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#435765;border-radius:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.app-header{flex-wrap:wrap;padding:16px 20px}.step-container{gap:20px;padding:20px 16px}.auth-card{padding:18px}.logo-title{font-size:1.05rem}.logo-subtitle{font-size:.68rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.main-content{flex-direction:column;flex:1;padding-bottom:24px;display:flex;position:relative;overflow:hidden auto}.app-header.glass-panel{background:#101b23;border-left:0;border-right:0}.welcome-layout{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);width:min(1280px,100%);margin:auto;padding:56px 40px;display:grid;overflow:visible}.studio-welcome{min-width:0}.studio-eyebrow{color:var(--accent);letter-spacing:.12em;align-items:center;gap:10px;font-size:.67rem;font-weight:600;line-height:1.8;display:inline-flex}.studio-eyebrow>span{background:var(--primary);border-radius:50%;width:6px;height:6px}.studio-welcome h1{letter-spacing:-.06em;margin:20px 0;font-size:clamp(2.4rem,4vw,3.7rem);font-weight:600;line-height:1.3}.studio-welcome h1>span{color:var(--primary)}.studio-welcome>p{max-width:460px;color:var(--text-muted);font-size:.94rem;line-height:1.85}.material-board{background:#1e2c2c;border:1px solid #354640;border-radius:18px;margin-top:32px;padding:20px;transform:rotate(-2deg);box-shadow:0 20px 40px #0002}.material-board-heading{color:#c8d3ca;align-items:center;gap:8px;font-size:.76rem;display:flex}.material-board-heading svg:last-child{margin-left:auto}.material-samples{grid-template-columns:1.15fr 1fr 1fr;gap:10px;height:150px;margin:18px 0;display:grid}.material-sample{border-radius:6px;align-items:flex-end;padding:10px;display:flex;box-shadow:0 3px 6px #0002}.material-sample span{color:#fff;white-space:nowrap;background:#14211cd9;border-radius:4px;padding:3px 5px;font-size:.58rem}.material-sample-stone{background:linear-gradient(126deg,#0000 37%,#b6b09f 38%,#d0caba 39%,#0000 42%),linear-gradient(145deg,#ebe5d6,#c9c3b6 55%,#e8e2d5)}.material-sample-clay{background:repeating-linear-gradient(0deg,#0000 0 47px,#dbb69d 47px 49px),repeating-linear-gradient(90deg,#ba7856 0 42px,#ce9979 42px 44px)}.material-sample-green{background:repeating-linear-gradient(90deg,#0000 0 35px,#99aa8b 35px 37px),linear-gradient(115deg,#385747,#7b9075 52%,#435c4a)}.material-board-footer{color:#b8c5bb;justify-content:space-between;gap:12px;font-size:.62rem;display:flex}.material-board-footer span:last-child{color:#a7b7b0}.studio-benefits{color:#b5c7c5;flex-wrap:wrap;gap:14px 24px;margin-top:32px;font-size:.72rem;display:flex}.studio-benefits span{align-items:center;gap:8px;display:flex}.welcome-layout>.auth-screen{border:1px solid var(--surface-border);background:#172630;border-radius:24px;padding:32px;box-shadow:0 24px 60px #0002}.welcome-layout .auth-card{background:0 0;border:0;padding:0}.welcome-layout .title{font-size:1.7rem}.workspace-content{width:min(960px,100%);margin:0 auto;overflow:visible}.result-image-stage{min-height:clamp(500px,64vh,720px)}.workflow-progress{width:min(912px,100% - 48px);margin:28px auto 4px}.workflow-progress ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;display:grid}.workflow-progress li{color:#9baeb9;border-bottom:2px solid #2e414d;align-items:center;gap:10px;padding:12px 0;font-size:.8rem;display:flex}.workflow-progress li.is-current{border-color:var(--primary);color:var(--text-main)}.workflow-progress li.is-complete{color:#acddc9;border-color:#477965}.workflow-number{background:#223440;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.68rem;font-weight:600;display:grid}.is-current .workflow-number{background:var(--primary);color:#102c26}.space-upload .upload-area{background:radial-gradient(at top,#213b3b,#0000 70%),#14252e;min-height:360px;padding:32px 20px}.space-upload .upload-area:focus-within{outline:2px solid var(--primary);outline-offset:4px}.upload-tips{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.upload-tip{border:1px solid var(--surface-border);background:#15232c;border-radius:14px;padding:16px}.upload-tip svg{color:var(--accent);margin-bottom:6px}.upload-tip strong{font-size:.8rem;font-weight:500;display:block}.upload-tip p{color:var(--text-muted);margin-top:5px;font-size:.73rem;line-height:1.7}@media (width>=1600px){body[data-app-view=main] #root{border-inline:1px solid var(--surface-border);max-width:1600px;margin:auto}}@media (width<=960px){.welcome-layout{grid-template-columns:1fr 1fr;gap:32px;padding:36px 24px}.welcome-layout>.auth-screen{padding:24px}.material-samples{gap:6px;height:120px}.material-sample{padding:5px}.material-sample span{font-size:.5rem}.app-header{flex-wrap:wrap}}@media (width<=720px){.welcome-layout{flex-direction:column;gap:28px;padding:28px 16px;display:flex}.studio-welcome{width:min(480px,100%)}.studio-welcome h1{margin:12px 0;font-size:2.35rem}.studio-welcome>p{font-size:.84rem}.material-board,.studio-benefits{display:none}.welcome-layout>.auth-screen{width:min(480px,100%);padding:22px}.welcome-layout .title{font-size:1.45rem}.workflow-progress{width:calc(100% - 32px);margin-top:16px}.workflow-progress ol{gap:8px}.workflow-progress li{flex-direction:row;align-items:center;gap:6px;padding:6px 0 8px;font-size:.65rem;line-height:1.2}.workflow-number{border-radius:7px;width:24px;height:24px;font-size:.62rem}.header-actions{gap:8px}.account-name{overflow-wrap:anywhere}.upload-tips{grid-template-columns:1fr}.upload-tip{padding:12px 16px}.space-upload .upload-area{min-height:290px}.result-image-stage{min-height:min(68vh,560px)}}.ios-welcome-layout{flex-direction:column;align-items:stretch;gap:20px;width:100%;padding:20px 16px 32px;display:flex}.ios-welcome-layout>.auth-screen{width:100%;box-shadow:none;background:0 0;border:0;order:-1;padding:0}.ios-welcome-layout .auth-card{background:#172630;border-radius:20px;padding:20px 16px}.ios-welcome-layout .auth-mode-button{min-height:48px;padding-inline:4px;font-size:.74rem}.ios-welcome-layout .auth-input-wrap input{min-height:52px;font-size:16px}.ios-welcome-layout .btn-primary{min-height:52px}.ios-welcome-layout .studio-welcome{width:100%}.ios-welcome-layout .studio-welcome h1{margin:8px 0 12px;font-size:clamp(2rem,9vw,2.5rem)}.ios-welcome-layout .material-board,.ios-welcome-layout .studio-benefits{display:none}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;display:flex}.account-summary{border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-width:220px;padding:10px 14px;display:flex}.account-summary-info{flex-direction:column;align-items:flex-end;gap:4px;min-width:0;display:flex}.account-name{align-items:center;gap:8px;font-size:.92rem;font-weight:600;line-height:1.2;display:flex}.account-credits{color:var(--accent);align-items:center;gap:6px;font-size:.84rem;display:flex}.account-topup-button{color:var(--accent);font-family:var(--font-ui);cursor:pointer;transition:var(--transition);background:#06b6d41f;border:1px solid #06b6d452;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.account-topup-button:hover{background:#06b6d42e}.header-logout,.header-admin{padding:10px 14px}@media (width<=640px){.app-header{grid-template-columns:minmax(0,1fr) minmax(0,220px);grid-template-areas:"logo account""back logout""admin admin";gap:8px;padding:12px 16px 10px;display:grid;position:relative}.app-header>.logo{grid-area:logo;align-self:start;padding-right:0}.header-actions{display:contents}.header-actions .account-summary{background:0 0;border:0;border-radius:0;grid-area:account;justify-content:flex-end;place-self:start end;width:100%;min-width:0;padding:4px 0}.header-actions .account-summary-info{align-items:flex-end;gap:0}.header-actions .account-name{justify-content:flex-end;gap:5px;font-size:.78rem}.header-actions .account-credits{justify-content:flex-end;font-size:.72rem}.header-actions .admin-inline-badge{padding:1px 6px;font-size:.58rem}.header-actions .account-topup-button{gap:5px;padding:7px 9px;font-size:.76rem}.header-actions{margin-left:0}.header-actions .header-back{grid-area:back;place-self:center start;gap:4px;font-size:.78rem;position:static;padding:7px 8px!important}.header-actions .header-admin{grid-area:admin;width:100%;padding:8px 10px;font-size:.78rem}.header-actions .header-logout{grid-area:logout;justify-self:end;padding:8px 10px;font-size:.78rem}}.admin-inline-badge{color:var(--accent);text-transform:uppercase;background:#06b6d424;border:1px solid #06b6d43d;border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.admin-overlay{z-index:80;-webkit-backdrop-filter:blur(8px);background:#050814e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-panel{flex-direction:column;gap:16px;width:min(920px,100%);max-height:min(84vh,760px);padding:20px;display:flex;overflow:hidden}.topup-overlay{z-index:85;-webkit-backdrop-filter:blur(8px);background:#050814e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.topup-modal{flex-direction:column;gap:16px;width:min(560px,100%);max-height:min(84vh,840px);padding:20px;display:flex;overflow:auto}.topup-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.topup-title{align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.topup-subtitle{color:var(--text-muted);margin-top:6px;font-size:.9rem}.topup-package-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.topup-package-card{border:1px solid var(--surface-border);color:var(--text-main);text-align:left;cursor:pointer;transition:var(--transition);background:#00000038;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.topup-package-card.active{background:#06b6d41f;border-color:#06b6d47a;box-shadow:inset 0 0 0 1px #06b6d42e}.topup-package-price{font-size:1.02rem;font-weight:700}.topup-package-credit{color:var(--accent);align-items:center;gap:8px;font-size:.92rem;display:flex}.topup-payment-view{flex-direction:column;gap:16px;display:flex}.topup-status-banner{background:#6366f11f;border:1px solid #6366f13d;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.topup-qr-shell{background:#070a18e6;border:1px solid #ffffff14;border-radius:24px;justify-content:center;align-self:center;align-items:center;width:296px;height:296px;padding:8px;display:flex}.topup-qr-image{object-fit:contain;border-radius:18px;width:100%;height:100%}.topup-qr-placeholder{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.topup-order-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:.86rem;display:flex}.topup-action-row{gap:12px;display:flex}.topup-link-button{text-decoration:none}.topup-success{border-radius:var(--radius-sm);color:#86efac;background:#22c55e1f;border:1px solid #22c55e47;align-items:center;gap:10px;padding:12px 14px;font-size:.92rem;display:flex}.spin-icon{animation:1s linear infinite spin}.admin-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-title{align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.admin-subtitle{color:var(--text-muted);margin-top:6px;font-size:.9rem}.admin-toolbar{align-items:center;gap:12px;display:flex}.admin-search{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#0000003d;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.admin-search svg{color:var(--text-muted);flex-shrink:0}.admin-search input{box-shadow:none;background:0 0;border:none;padding-left:0;padding-right:0}.admin-search input:focus{box-shadow:none}.admin-success{border-radius:var(--radius-sm);color:#86efac;background:#22c55e1f;border:1px solid #22c55e47;padding:12px 14px;font-size:.92rem}.admin-toolbar-meta{flex-wrap:wrap;gap:10px;display:flex}.admin-toolbar-chip{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;display:inline-flex}.admin-list{flex-direction:column;gap:12px;max-height:560px;padding-right:4px;display:flex;overflow:auto}.admin-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--surface-border);border-radius:var(--radius-md);padding:28px 16px}.admin-account-filters{gap:10px;display:flex}.admin-user-row{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff08;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;display:flex}.admin-user-meta{min-width:0}.admin-user-meta>.admin-icon-button{display:none}.admin-user-name{align-items:center;gap:8px;margin-bottom:6px;font-weight:600;display:flex}.admin-role-badge{color:#c7d2fe;text-transform:uppercase;background:#6366f12e;border:1px solid #6366f14d;border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;display:inline-flex}.admin-user-credit{color:var(--accent);align-items:center;gap:6px;font-size:.9rem;display:flex}.admin-user-phone{color:var(--text-muted);word-break:break-word;margin-top:6px;font-size:.84rem;line-height:1.4}.admin-self-note{color:var(--text-muted);margin-top:8px;font-size:.8rem}.admin-inline-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.admin-user-controls{flex-direction:column;gap:10px;width:min(420px,100%);display:flex}.admin-credit-form{align-items:center;gap:10px;width:100%;display:flex}.admin-credit-form input{min-width:0}.admin-credit-form .btn-primary{width:auto;min-width:132px;padding:14px 18px}.admin-action-row{align-items:center;gap:10px;display:flex}.admin-role-control{flex:1;align-items:center;gap:10px;display:flex}.admin-role-control select{flex:1;min-width:0}.admin-password-control{align-items:center;gap:10px;display:flex}.admin-password-control input{min-width:0}.admin-danger-button{color:#fca5a5;border-color:#f871716b}.admin-danger-button:hover:not(:disabled){background:#f8717124;border-color:#f87171b8}.admin-section{flex-direction:column;gap:12px;min-height:0;display:flex}.admin-accounts-section{flex:auto}.admin-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.admin-tabs{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-tab-button{border:1px solid var(--surface-border);color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;transition:var(--transition);background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.admin-tab-accounts{color:#8be9ff;background:#06b6d414;border-color:#06b6d43d}.admin-tab-referrals{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b3d}.admin-tab-history{color:#86efac;background:#22c55e14;border-color:#22c55e3d}.admin-tab-button.active{color:var(--text-main);background:#06b6d424;border-color:#06b6d46b;box-shadow:inset 0 0 0 1px #06b6d41f}.admin-tab-accounts.active{background:#06b6d42e;border-color:#06b6d485;box-shadow:inset 0 0 0 1px #06b6d42e}.admin-tab-referrals.active{background:#f59e0b2e;border-color:#f59e0b85;box-shadow:inset 0 0 0 1px #f59e0b2e}.admin-tab-history.active{background:#22c55e2e;border-color:#22c55e85;box-shadow:inset 0 0 0 1px #22c55e2e}.admin-section-panel{flex-direction:column;min-height:0;display:flex}.admin-create-user-card{flex-direction:column;gap:12px;margin-bottom:14px;padding:16px;display:flex}.admin-create-user-title{font-size:.96rem;font-weight:700}.admin-create-user-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.admin-create-user-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-referral-create{gap:10px;display:flex}.admin-referral-create .btn-primary{width:auto;min-width:120px;padding:14px 18px}.admin-referral-list{flex-direction:column;gap:10px;max-height:320px;padding-right:4px;display:flex;overflow:auto}.admin-referral-item{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff08;padding:12px 14px}.admin-referral-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-referral-code{color:var(--accent);letter-spacing:.04em;font-size:1rem;font-weight:700}.admin-referral-actions{align-items:center;gap:8px;display:flex}.admin-referral-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:.82rem;display:flex}.admin-history-section{border-top:none;flex:auto;margin-top:0;padding-top:0}.admin-history-filters{grid-template-columns:minmax(0,1.4fr) repeat(5,minmax(0,1fr)) auto;align-items:center;gap:10px;display:grid}.admin-reset-button{white-space:nowrap}.admin-history-list{flex-direction:column;gap:10px;min-height:0;max-height:520px;padding-right:4px;display:flex;overflow:auto}.admin-history-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-history-summary-card{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff08;padding:12px 14px}.admin-history-summary-value{font-size:1rem;font-weight:700}.admin-history-summary-label{color:var(--text-muted);margin-top:6px;font-size:.8rem;line-height:1.4}.admin-history-item{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff08;padding:12px 14px}.admin-history-main{font-size:.95rem;line-height:1.5}.admin-history-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:.82rem;display:flex}.admin-history-telemetry-panel{border-radius:var(--radius-md);background:#22c55e14;border:1px solid #22c55e3d;padding:14px 16px}.admin-history-summary-grid-telemetry{margin-top:12px}.admin-history-telemetry{color:#bbf7d0;margin-top:8px;font-size:.82rem;line-height:1.5}.admin-history-telemetry-breakdown{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-top:12px;font-size:.82rem;display:flex}.admin-history-model-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.admin-history-model-chip{color:#dcfce7;background:#0f172a47;border:1px solid #22c55e3d;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.admin-shell{width:100%;min-height:100vh;position:relative;overflow:hidden}.admin-shell-backdrop{pointer-events:none;background:radial-gradient(circle at 12% 18%,#06b6d424,#0000 26%),radial-gradient(circle at 88% 12%,#6366f12e,#0000 28%),radial-gradient(circle at 50% 100%,#a855f71f,#0000 40%);position:absolute;inset:0}.admin-shell-content{z-index:1;width:min(1520px,100% - 32px);margin:0 auto;padding:24px 0 40px;position:relative}.admin-shell-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-shell-chip{color:var(--accent);background:#06b6d41a;border:1px solid #06b6d43d;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.86rem;font-weight:700;display:inline-flex}.admin-page-panel{flex-direction:column;gap:18px;padding:24px;display:flex}.admin-shell-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.admin-link-button{text-decoration:none}.admin-mini-button,.admin-icon-button{width:auto;padding:9px 12px;font-size:.84rem}.admin-icon-button{min-width:40px;padding-left:10px;padding-right:10px}.admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-metric-card{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:#ffffff0a;padding:16px}.admin-metric-icon{width:38px;height:38px;color:var(--accent);background:#06b6d41f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.admin-metric-label{color:var(--text-muted);font-size:.84rem}.admin-metric-value{margin-top:6px;font-size:1.3rem;font-weight:700}.admin-metric-note{color:var(--text-muted);margin-top:8px;font-size:.78rem;line-height:1.5}.admin-page-columns,.admin-column-main,.admin-column-side{flex-direction:column;gap:18px;min-height:0;display:flex}.admin-history-badge{color:#c7d2fe;text-transform:uppercase;letter-spacing:.04em;background:#6366f124;border:1px solid #6366f138;border-radius:999px;align-items:center;margin-bottom:10px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.admin-auth-shell{flex-direction:column;justify-content:center;gap:20px;min-height:100vh;padding:24px;display:flex}.admin-auth-intro{flex-direction:column;gap:12px;width:min(720px,100%);margin:0 auto;display:flex}.admin-auth-copy{color:var(--text-muted);line-height:1.6}.admin-forbidden-card{flex-direction:column;gap:16px;width:min(560px,100%);margin:0 auto;padding:24px;display:flex}.admin-forbidden-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=420px){.app-header{flex-wrap:wrap;align-items:flex-start}.header-actions,.account-summary{width:100%}.account-summary-info{align-items:flex-start}.topup-package-list{grid-template-columns:1fr}.topup-action-row{flex-direction:column}.topup-qr-shell{aspect-ratio:1;width:min(296px,100%);height:auto}}@media (width<=640px){.topup-header,.admin-header,.admin-toolbar,.admin-toolbar-meta,.admin-tabs,.admin-create-user-actions,.admin-user-row,.admin-action-row,.admin-role-control,.admin-password-control,.admin-credit-form,.admin-referral-create,.admin-referral-row,.admin-referral-actions,.admin-history-meta{flex-direction:column;align-items:stretch}.admin-credit-form,.admin-credit-form .btn-primary,.admin-create-user-grid,.admin-referral-create .btn-primary,.admin-password-control .btn-secondary,.admin-role-control .btn-secondary,.admin-danger-button,.admin-tab-button{width:100%}.admin-create-user-grid,.admin-history-filters,.admin-history-summary-grid{grid-template-columns:1fr}.admin-shell-topbar,.admin-forbidden-actions{flex-direction:column;align-items:stretch}.admin-shell-chip{justify-content:center}}@media (width<=1080px){.admin-metric-grid,.admin-history-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.admin-shell-content{width:min(100%,100% - 20px);padding-top:20px}.admin-page-panel{padding:18px}.admin-metric-grid{grid-template-columns:1fr}}