:root{color:#0f172a;font-synthesis:none;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{color:#0f172a;-webkit-font-smoothing:antialiased;background:#f8fafc;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{color:#f8fafc;z-index:10;background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand svg{color:#6366f1}nav{gap:6px;margin-top:32px;display:grid}nav a,.ghost{color:#94a3b8;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}nav a.active{color:#fff;background:#4f46e5;font-weight:600;box-shadow:0 4px 12px #4f46e559}nav a:hover:not(.active),.ghost:hover{color:#fff;background:#1e293b}.aside-bottom{border-top:1px solid #1e293b;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.language{color:#94a3b8;background:0 0;border:1px solid #334155;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .15s}.language:hover{color:#fff;background:#1e293b;border-color:#64748b}.ghost{flex:1}main{width:100%;max-width:1360px;margin:0 auto;padding:36px 40px}section header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1{color:#0f172a;margin:0 0 6px;font-size:28px;font-weight:800}h2{margin:0}p{color:#64748b;margin:0}.table-wrap,.history,.wallet{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0d}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #f1f5f9;padding:16px 20px}th{text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f8fafc;font-size:12px;font-weight:700}td strong,td small{display:block}td small{color:#64748b;margin-top:4px}.empty{text-align:center;color:#94a3b8;padding:48px}.back{color:#4f46e5;align-items:center;margin-bottom:20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.back:hover{transform:translate(-3px)}.wallet-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.wallet{padding:24px}.wallet>div:first-child strong{color:#0f172a;font-size:40px;font-weight:800;display:block}.wallet>div:first-child span{color:#64748b}.wallet dl{border-top:1px solid #f1f5f9;gap:30px;padding-top:18px;display:flex}.wallet dl div{flex:1}.wallet dt{color:#64748b;font-size:12px}.wallet dd{color:#0f172a;margin:5px 0;font-weight:700}.wallet button,.auth-card button,.dialog>button,.actions button{color:#fff;background:#4f46e5;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;transition:background .15s,transform .15s}.wallet button:hover,.auth-card button:hover,.dialog>button:hover,.actions button:hover:not(.secondary){background:#4338ca}.history{margin-top:24px}.history-title,.history-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.history-title select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px}.history-row>div{align-items:center;gap:14px;display:flex}.history-row strong{min-width:45px}.history-row time{color:#64748b;font-size:12px}.positive{color:#16a34a}.negative{color:#dc2626}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0f172a8c;place-items:center;padding:20px;animation:.15s ease-out fadeIn;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:18px;gap:20px;width:min(480px,100%);padding:28px;animation:.15s ease-out scaleIn;display:grid;box-shadow:0 20px 50px -10px #0f172a40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.segmented{background:#f1f5f9;border-radius:10px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented button{color:#64748b;background:0 0;border-radius:8px;padding:9px;font-size:13px;font-weight:600;transition:all .15s}.segmented .active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #0f172a1a}.segmented .danger{color:#dc2626}.dialog label,.auth-card label{color:#334155;gap:7px;font-size:13px;font-weight:600;display:grid}.dialog input,.dialog textarea,.auth-card input{color:#0f172a;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.dialog input:focus,.dialog textarea:focus,.auth-card input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.dialog textarea{resize:vertical;min-height:90px}.preview{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;display:flex}.preview strong{color:#0f172a;font-size:15px}.actions{justify-content:flex-end;gap:10px;display:flex}.actions .secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.actions .secondary:hover{color:#0f172a;background:#e2e8f0}.auth-shell{background:radial-gradient(circle at top,#eef2ff,#f8fafc 55%);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:20px;width:min(410px,100%);padding:36px;display:grid;box-shadow:0 20px 50px #252f491a}.auth-card h1{margin-top:8px;font-size:24px}.auth-card button{height:46px}.auth-lang{color:#4f46e5;border-color:#c7d2fe;position:fixed;top:24px;right:24px}.qr{border-radius:12px;width:210px;height:210px;margin:auto}.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px;font-size:13px}.loading{place-items:center;min-height:220px;display:grid}.loading span{border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.app{display:block}aside{flex-direction:row;align-items:center;height:auto;padding:16px;position:static}aside nav{margin:0 0 0 auto;display:flex}aside nav a span{display:none}.aside-bottom{border:none;margin:0 0 0 8px;padding:0}.ghost span,.language{display:none}main{padding:20px 16px}.wallet-grid{grid-template-columns:1fr}}.dialog-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dialog-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.dialog-sub{color:#64748b;margin:4px 0 0;font-size:13px}.dialog-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;padding:6px;transition:all .15s;display:grid}.dialog-close-btn:hover{color:#0f172a;background:#f1f5f9}.dialog-label{color:#334155;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.quick-amounts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.quick-amounts button{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:9px 6px;font-size:13px;font-weight:700;transition:all .15s}.quick-amounts button:hover,.quick-amounts button.selected{background:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.trial-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:16px;display:flex}.trial-item{flex:1;align-items:center;gap:12px;display:flex}.trial-icon-box{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.trial-icon-box.rmbg{color:#16a34a;background:#f0fdf4}.trial-icon-box.design{color:#9333ea;background:#faf5ff}.trial-item-info{flex-direction:column;gap:2px;display:flex}.trial-item-info strong{color:#0f172a;font-size:14px}.trial-item-info small{color:#64748b;font-size:12px}.trial-divider{background:#e2e8f0;width:1px;height:38px}.trial-desc{color:#64748b;margin:0;font-size:13px;line-height:1.5}.trial-confirm-btn{color:#fff;cursor:pointer;background:#ea580c;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.trial-confirm-btn:hover:not(:disabled){background:#c2410c}.trial-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.users-grid-page{flex-direction:column;gap:20px;max-width:1280px;margin:0 auto;display:flex}.page-header{margin-bottom:4px}.header-badge{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.page-header h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:28px;font-weight:800}.page-header p{color:#64748b;margin:0;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0f172a14}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.stat-icon-wrapper.users{color:#4f46e5;background:#eef2ff}.stat-icon-wrapper.rmbg{color:#16a34a;background:#f0fdf4}.stat-icon-wrapper.design{color:#9333ea;background:#faf5ff}.stat-content{flex-direction:column;display:flex}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.stat-value{color:#0f172a;margin-top:2px;font-size:24px;font-weight:800;line-height:1.2}.toolbar-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0f172a08}.search-form{flex:1;align-items:center;gap:8px;display:flex}.search-icon{color:#94a3b8;flex-shrink:0;margin-left:6px}.search-form input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:8px 6px;font-size:14px}.search-form input::placeholder{color:#94a3b8}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:5px;transition:color .15s,background .15s;display:grid}.clear-search-btn:hover{color:#475569;background:#f1f5f9}.search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s}.search-btn:hover{background:#4338ca}.refresh-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;place-items:center;padding:9px;transition:all .15s;display:grid}.refresh-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.spinning{animation:.8s linear infinite spin}.data-grid{background:#fff;border:1px solid #e2e8f0;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0d}.data-grid-scroll{overflow-x:auto}.data-grid table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.data-grid thead{background:#f8fafc}.data-grid th{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;height:48px;padding:0 20px}.th-inner{color:#475569;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.th-actions-head{text-align:right}.th-actions-head span{text-align:right;color:#475569;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700;display:block}.data-grid td{vertical-align:middle;border-bottom:1px solid #f1f5f9;height:72px;padding:14px 20px}.data-grid tbody tr{transition:background .15s}.data-grid tbody tr:hover{background:#f8fafc}.data-grid tbody tr:last-child td{border-bottom:none}.user-cell{align-items:center;gap:14px;min-width:260px;display:flex}.avatar-badge{border:1px solid #0000;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:grid}.avatar-img{object-fit:cover;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;width:40px;height:40px}.user-info{flex-direction:column;gap:2px;display:flex}.user-name{color:#0f172a;font-size:14px;font-weight:700}.user-sub{color:#64748b;font-size:13px}.user-sub-id{color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.credit-cell{justify-content:space-between;align-items:center;gap:16px;min-width:200px;display:flex}.credit-info{flex-direction:column;gap:2px;display:flex}.credit-main{align-items:baseline;gap:4px;display:flex}.credit-available{color:#0f172a;font-size:18px;font-weight:800}.credit-unit{color:#64748b;font-size:12px;font-weight:500}.credit-sub{color:#94a3b8;white-space:nowrap;font-size:12px}.grid-quick-btn{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.grid-quick-btn:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe;transform:scale(1.06)}.join-date{color:#64748b;white-space:nowrap;font-size:13px;font-weight:500}.td-actions{text-align:right}.row-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.grid-trial-btn{color:#ea580c;cursor:pointer;white-space:nowrap;background:#fff7ed;border:1px solid #ffedd5;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.grid-trial-btn:hover{color:#fff;background:#ea580c;border-color:#ea580c;transform:translateY(-1px);box-shadow:0 4px 12px #ea580c40}.grid-view-btn{color:#4f46e5;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.grid-view-btn:hover{color:#fff;background:#4f46e5;border-color:#4f46e5;transform:translate(2px)}.grid-footer{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;padding:12px 20px;font-size:13px;font-weight:500;display:flex}.empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-icon{color:#cbd5e1;margin-bottom:8px}.empty-title{color:#1e293b;margin:0;font-size:16px;font-weight:700}.empty-sub{color:#94a3b8;margin:0;font-size:13px}.user-detail-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.user-detail-top .back{margin-bottom:0}.user-detail-trial-btn{color:#ea580c;cursor:pointer;background:#fff7ed;border:1px solid #ffedd5;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.user-detail-trial-btn:hover{color:#fff;background:#ea580c;border-color:#ea580c}.manual-totp{background:#f8fafc;border:1px solid #dfe4ec;border-radius:11px;gap:8px;padding:13px;display:grid}.manual-totp>span{color:#475569;font-size:12px;font-weight:600}.manual-totp-key{align-items:center;gap:8px;display:flex}.manual-totp-key code{overflow-wrap:anywhere;color:#3730a3;letter-spacing:.06em;background:#eef2ff;border-radius:8px;flex:1;min-width:0;padding:9px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.manual-totp-key button{color:#fff;background:#4f46e5;border-radius:8px;flex:none;height:36px;padding:0 11px;font-size:12px;font-weight:700}.manual-totp small{color:#8490a4;font-size:11px}