@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#f3f4f8;--bg-card:#fff;--bg-sidebar:#fff;--border:#e2e8f0;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#a0aec0;--primary:#e8396a;--primary-light:#e8396a1a;--primary-hover:#c62d57;--sidebar-w:260px;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001a;--radius:10px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-main);color:var(--text-primary);height:100vh;overflow:hidden}.loading-screen{height:100vh;color:var(--primary);justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.admin-layout{width:100vw;height:100vh;display:flex}.admin-content{background-color:var(--bg-main);flex:1;padding:32px 36px;overflow-y:auto}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:24px 20px 20px}.logo{letter-spacing:-.5px;color:var(--text-primary);font-size:20px;font-weight:800}.logo-span{color:var(--primary);margin-left:3px;font-size:16px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:3px;padding:16px 10px;display:flex;overflow-y:auto}.nav-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;padding:10px 13px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--primary-light);color:var(--primary)}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #e8396a4d}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.logout-button{width:100%;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.logout-button:hover{color:#c62d57;background:#fee2e8;border-color:#fca5a5}.page-container{max-width:1200px;margin:0 auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-header h1{color:var(--text-primary);font-size:24px;font-weight:700}.refresh-btn{color:var(--primary);border:1px solid var(--primary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s}.refresh-btn:hover{background:var(--primary);color:#fff}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:18px;padding:22px;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon.pink{color:var(--primary);background:#e8396a1a}.stat-icon.purple{color:#8b5cf6;background:#8b5cf61a}.stat-icon.blue{color:#3b82f6;background:#3b82f61a}.stat-icon.orange{color:#f97316;background:#f973161a}.stat-info h3{color:var(--text-muted);margin-bottom:4px;font-size:13px;font-weight:500}.stat-info h2{color:var(--text-primary);font-size:26px;font-weight:700}.table-responsive{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 20px}.admin-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#fafbfc;font-size:12px;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#fafbfc}.tiny-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:38px;height:38px}.tiny-avatar.placeholder{background:var(--primary-light);color:var(--primary);justify-content:center;align-items:center;font-weight:700;display:flex}.level-badge{color:#fff;background:linear-gradient(135deg,#ffb800,#ff6b00);border-radius:20px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.active-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.active-badge.green{color:#16a34a;background:#22c55e1a}.active-badge.gray{color:#64748b;background:#64748b1a}.action-buttons{gap:8px;display:flex}.btn-edit,.btn-ban{background:var(--bg-main);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-edit:hover{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe}.btn-ban:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.btn-close-room{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:7px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-close-room:hover:not(:disabled){color:#fff;background:#ef4444}.btn-close-room:disabled{opacity:.5;cursor:not-allowed}.search-bar{background:var(--bg-card);border:1px solid var(--border);width:300px;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:10px;padding:9px 14px;display:flex}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-bar svg{color:var(--text-muted)}.login-container{background:linear-gradient(135deg,#f3f4f8 0%,#fff 100%);justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background:var(--bg-card);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:16px;padding:44px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--text-primary);font-size:28px;font-weight:800}.login-header span{color:var(--primary)}.login-header p{color:var(--text-muted);margin-top:8px;font-size:14px}.input-group{background:var(--bg-main);border:1px solid var(--border);border-radius:9px;align-items:center;margin-bottom:14px;transition:all .2s;display:flex}.input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #e8396a1f}.input-icon{color:var(--text-muted);padding:13px}.input-group input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:13px 13px 13px 0;font-size:15px}.login-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;width:100%;margin-top:8px;padding:13px;font-size:15px;font-weight:700;transition:all .2s}.login-button:hover{background:var(--primary-hover)}.login-button:disabled{opacity:.5;cursor:not-allowed}.error-box{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:18px;padding:12px;font-size:14px;font-weight:500}.edit-page-container{max-width:800px;margin:0 auto}.edit-page-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.edit-page-header h1{font-size:22px;font-weight:700}.btn-back{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.btn-back:hover{background:var(--bg-main);color:var(--text-primary)}.edit-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:28px}.edit-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:10px;font-size:14px;font-weight:600}.edit-section-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.edit-section-grid{grid-template-columns:1fr}}.input-group-vertical{flex-direction:column;gap:6px;margin-bottom:0;display:flex}.input-group-vertical label{color:var(--text-secondary);font-size:13px;font-weight:600}.input-group-vertical input,.input-group-vertical textarea{background:var(--bg-main);border:1px solid var(--border);color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.input-group-vertical input:focus,.input-group-vertical textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e8396a1a}.action-box{border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.action-box-coin{background:#fffbeb;border:1px solid #fcd34d}.action-box-svip{background:#faf5ff;border:1px solid #c084fc}.action-box-wealth{background:#fff7ed;border:1px solid #fb923c}.action-box label{font-size:13px;font-weight:700}.action-box-coin label{color:#b45309}.action-box-svip label{color:#7c3aed}.action-box-wealth label{color:#c2410c}.action-box .action-row{align-items:center;gap:10px;display:flex}.action-box input{border:1px solid;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:14px;font-weight:600;transition:all .2s}.action-box-coin input{color:#92400e;background:#fef9c3;border-color:#fcd34d}.action-box-svip input{color:#6d28d9;background:#f5f3ff;border-color:#c084fc}.action-box-wealth input{color:#c2410c;background:#fff3e0;border-color:#fb923c}.action-box .action-btn{white-space:nowrap;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .18s}.action-box-coin .action-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.action-box-svip .action-btn{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed)}.action-box-wealth .action-btn{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c)}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-box p{color:var(--text-muted);margin:0;font-size:11px}.modal-avatar-preview{background:var(--bg-main);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;margin-top:8px;padding:10px;display:flex}.modal-avatar-preview img{object-fit:cover;border-radius:50%;width:48px;height:48px}.modal-avatar-preview span{color:var(--text-muted);font-size:13px}.edit-footer{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.btn-cancel{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.btn-cancel:hover{background:var(--bg-main)}.btn-save{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.btn-save:hover{background:var(--primary-hover)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-upload{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-upload:hover:not(:disabled){color:#fff;background:#3b82f6}.btn-upload:disabled{opacity:.6;cursor:not-allowed}.loading-state{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:15px}.themes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;display:grid}.theme-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);transition:all .2s;overflow:hidden}.theme-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-image-box{height:130px;position:relative;overflow:hidden}.theme-image-box img{object-fit:cover;width:100%;height:100%}.theme-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.theme-badge.default{color:#fff;background:#e8396ad9}.theme-info{justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.theme-info h3{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:13px;font-weight:600;overflow:hidden}.theme-actions{gap:7px;display:flex}.btn-default{color:#16a34a;cursor:pointer;background:#f0fdf4;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.btn-default:hover{color:#fff;background:#16a34a}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0000004d;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-container{background:var(--bg-card);border:1px solid var(--border);width:92%;max-width:520px;box-shadow:var(--shadow-lg);border-radius:14px;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h2{color:var(--text-primary);font-size:18px;font-weight:700}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:all .15s}.close-btn:hover{color:var(--text-primary)}.modal-body{padding:20px}.modal-footer{background:var(--bg-main);border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.roller-page{flex-direction:column;gap:20px;height:calc(100vh - 64px);max-height:calc(100vh - 64px);display:flex}.roller-header h1{margin-bottom:4px;font-size:1.5rem;font-weight:800}.roller-header p{color:var(--text-secondary);font-size:13px;line-height:1.5}.roller-board{flex:1;grid-template-columns:240px 260px 1fr;gap:16px;min-height:0;display:grid}.roller-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;min-height:0;display:flex;overflow:hidden}.roller-panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.roller-panel-head h2{color:var(--text-primary);font-size:13px;font-weight:700}.roller-panel-body{flex:1;padding:10px;overflow-y:auto}.roller-list-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:10px;transition:background .12s;display:flex}.roller-list-item:hover{background:var(--primary-light)}.roller-list-item.active{background:var(--primary-light);border-color:#e8396a59}.roller-list-item .meta{flex:1;min-width:0}.roller-list-item .title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.roller-list-item .sub{color:var(--text-muted);font-size:10px}.roller-icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.roller-icon-btn:hover{color:var(--primary);background:#fee2e8}.roller-icon-btn.danger:hover{color:#dc2626;background:#fee2e2}.roller-preset-row{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:0 10px 10px;display:flex}.roller-preset-chip{border:1px dashed var(--border);cursor:pointer;background:#fafafa;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:600}.roller-preset-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.roller-assets-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.roller-asset-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:14px}.roller-asset-card h3{margin-bottom:10px;font-size:14px;font-weight:700}.roller-media-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.roller-preview-box{background:#0f0f0f;border-radius:10px;justify-content:center;align-items:center;height:120px;margin-bottom:10px;display:flex;overflow:hidden}.roller-preview-box img,.roller-preview-box video{object-fit:contain;max-width:100%;max-height:120px}.roller-empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:13px}.roller-btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.roller-btn-primary:disabled{opacity:.6;cursor:not-allowed}.roller-btn-ghost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.roller-form-row{gap:8px;margin-bottom:8px;display:flex}.roller-input{border:1px solid var(--border);border-radius:8px;flex:1;padding:8px 10px;font-size:12px}.roller-breadcrumb{color:var(--text-muted);margin-bottom:12px;font-size:12px}.roller-breadcrumb strong{color:var(--text-primary)}@media (width<=1100px){.roller-board{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}}.compact-notifications{background:#fdfdfd;justify-content:center;align-items:flex-start;min-height:100vh;padding:4rem 2rem;display:flex}.narrow-form-container{width:100%;max-width:500px}.form-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.icon-badge{color:#fff;background:#ff4bee;border-radius:12px;padding:12px;display:flex;box-shadow:0 4px 12px #ff4bee33}.form-header h1{color:#1e293b;margin:0;font-size:1.5rem}.form-header p{color:#64748b;margin:4px 0 0;font-size:.9rem}.compact-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:flex}.form-group textarea,.form-group input,.form-group select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-group textarea:focus,.form-group input:focus{border-color:#ff4bee;outline:none;box-shadow:0 0 0 4px #ff4bee14}.form-row{gap:1rem;display:flex}.flex-1{flex:1}.action-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:10px;margin-top:.5rem;padding:1rem;font-weight:600;transition:all .2s}.action-btn:hover:not(:disabled){background:#0f172a;transform:translateY(-1px)}.status-pill{text-align:center;border-radius:8px;padding:.75rem;font-size:.85rem;font-weight:600}.status-pill.success{color:#166534;background:#dcfce7}.status-pill.error{color:#991b1b;background:#fef2f2}.status-pill.info{color:#475569;background:#f1f5f9}.shadow-sm{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:.3s ease-out slideIn}.history-page{max-width:1200px;margin:0 auto;padding:2rem}.history-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-actions{align-items:center;gap:1rem;display:flex}.search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.search-bar input{border:none;outline:none;width:200px;font-size:.9rem}.icon-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:.5rem;transition:all .2s;display:flex}.icon-btn:hover{color:#ff4bee;background:#f8fafc}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.brand-table{border-collapse:collapse;text-align:left;width:100%}.brand-table th{color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem;font-size:.85rem;font-weight:600}.brand-table td{color:#1a1a1a;border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.9rem}.brand-table tr:last-child td{border-bottom:none}.dim{color:#94a3b8}.content-cell{white-space:nowrap;text-overflow:ellipsis;max-width:400px;overflow:hidden}.badge{border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.badge.all{color:#166534;background:#dcfce7}.badge.specific{color:#3730a3;background:#e0e7ff}.delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.delete-btn:hover{background:#fef2f2}.text-right{text-align:right}.text-center{text-align:center}.pagination{justify-content:center;align-items:center;gap:2rem;margin-top:1.5rem;display:flex}.pagination button{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:not(:disabled):hover{color:#ff4bee;border-color:#ff4bee}.page-info{color:#1a1a1a;font-size:.9rem;font-weight:600}.ud-page{max-width:1100px}.ud-back{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.ud-back:hover{color:#be185d}.ud-hero{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;position:relative;overflow:hidden}.ud-hero-bg{background:linear-gradient(135deg,#e00084 0%,#be185d 50%,#831843 100%);height:80px}.ud-hero-content{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-top:-36px;padding:0 24px 20px;display:flex}.ud-avatar-wrap{color:#be185d;background:#f1f5f9;border:3px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:24px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.ud-avatar-wrap img{object-fit:cover;width:100%;height:100%}.ud-hero-info{flex:1;min-width:200px;padding-top:40px}.ud-hero-info h1{margin:0 0 4px;font-size:22px;font-weight:800}.ud-hero-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.ud-id{color:#be185d;font-weight:700}.ud-hero-sub{color:#94a3b8;word-break:break-all;margin-top:4px;font-family:monospace;font-size:11px}.ud-refresh-btn{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.ud-refresh-btn:hover{color:#be185d;border-color:#e00084}.ud-badge{text-transform:uppercase;color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.ud-badge.vip{color:#b45309;background:#fef3c7}.ud-badge.svip{color:#7c3aed;background:#ede9fe}.ud-badge.dealer{color:#c2410c;background:#ffedd5}.ud-badge.admin{color:#1d4ed8;background:#dbeafe}.ud-badge.danger{color:#dc2626;background:#fee2e2}.ud-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width<=768px){.ud-stats{grid-template-columns:repeat(2,1fr)}}.ud-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.ud-stat-label{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:600}.ud-stat-value{margin:4px 0 2px;font-size:20px;font-weight:800}.ud-stat-sub{color:#64748b;font-size:11px}.ud-tabs{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding-bottom:12px;display:flex}.ud-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.ud-tab:hover{color:#334155;background:#f8fafc}.ud-tab.active{color:#be185d;background:#fdf2f8}.ud-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ud-grid .full{grid-column:1/-1}@media (width<=768px){.ud-grid{grid-template-columns:1fr}}.ud-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.ud-panel h3{color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9;margin:0 0 16px;padding-bottom:10px;font-size:13px;font-weight:700}.ud-muted{color:#94a3b8;font-size:13px}.ud-kv{border-bottom:1px solid #f8fafc;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.ud-kv span{color:#64748b}.ud-kv strong{color:#1e293b}.ud-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ud-form-grid .full{grid-column:1/-1}.ud-field label{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.ud-field input,.ud-field textarea{background:#fafafa;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}.ud-field input:focus,.ud-field textarea:focus{background:#fff;border-color:#e00084;outline:none}.ud-inline-row{align-items:center;gap:8px;display:flex}.ud-inline-row input{border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:10px 12px}.ud-preview-img{object-fit:cover;border-radius:10px;max-width:120px;max-height:120px;margin-top:10px}.ud-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e00084,#be185d);border:none;border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}.ud-save-btn:disabled{opacity:.6;cursor:not-allowed}.ud-reset-row{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.ud-btn-primary,.ud-btn-success,.ud-btn-danger,.ud-btn-warn,.ud-btn-ghost{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.ud-btn-primary{color:#fff;background:#be185d}.ud-btn-success{color:#fff;background:#059669}.ud-btn-danger{color:#fff;background:#dc2626}.ud-btn-warn{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.ud-btn-ghost{color:#475569;background:#f8fafc;border:1.5px solid #e2e8f0}.ud-btn-primary:disabled,.ud-btn-success:disabled,.ud-btn-danger:disabled{opacity:.6;cursor:not-allowed}.ud-coin-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.ud-history-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ud-history-head h3{border:none;margin:0;padding:0}.ud-history-summary{gap:12px;font-size:13px;font-weight:700;display:flex}.ud-history-summary .in{color:#059669}.ud-history-summary .out{color:#dc2626}.ud-filter-pills{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.ud-pill{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600}.ud-pill.active{color:#be185d;background:#fdf2f8;border-color:#e00084}.ud-history-list{flex-direction:column;gap:8px;max-height:520px;display:flex;overflow-y:auto}.ud-history-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.ud-history-left{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.ud-cat-badge{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.ud-history-amt{white-space:nowrap;font-size:15px;font-weight:800}.ud-history-amt.pos{color:#059669}.ud-history-amt.neg{color:#dc2626}.ud-device-list{flex-direction:column;gap:10px;display:flex}.ud-device-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.ud-room-row{border-bottom:1px solid #f8fafc;align-items:center;gap:10px;padding:8px 0;display:flex}.ud-room-thumb{object-fit:cover;border-radius:8px;width:40px;height:40px}.ud-ban-row{border-bottom:1px solid #f8fafc;gap:12px;padding:12px 0;display:flex}.ud-mod-actions{gap:10px;display:flex}.ud-loading,.ud-loading-inline{color:#64748b;justify-content:center;align-items:center;gap:12px;padding:60px;font-size:14px;display:flex}.ud-spinner{border:3px solid #e2e8f0;border-top-color:#e00084;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite ud-spin}@keyframes ud-spin{to{transform:rotate(360deg)}}.ag-page{max-width:1200px}.ag-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.ag-hero-title{align-items:center;gap:14px;display:flex}.ag-hero-icon{background:linear-gradient(135deg,#ff4bee 0%,#cc35c5 100%);border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex;box-shadow:0 8px 28px #ff4bee66}.ag-hero h1{letter-spacing:-.5px;background:linear-gradient(90deg,#ff4bee,#cc35c5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:800}.ag-hero p{color:#64748b;margin:4px 0 0;font-size:14px}.ag-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.ag-refresh-btn:hover:not(:disabled){color:#cc35c5;background:#fff5fe;border-color:#ff4bee}.ag-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ag-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=900px){.ag-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.ag-stats{grid-template-columns:1fr}}.ag-stat{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:flex-start;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0000000a}.ag-stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.ag-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ag-stat-icon.amber{color:#d97706;background:#fef3c7}.ag-stat-icon.purple{color:#9333ea;background:#f3e8ff}.ag-stat-icon.pink{color:#db2777;background:#fce7f3}.ag-stat-icon.green{color:#059669;background:#d1fae5}.ag-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.ag-stat-value{color:#1e293b;margin-top:2px;font-size:24px;font-weight:900;line-height:1.2}.ag-stat-sub{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.ag-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.ag-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:6px;padding:5px;display:flex;box-shadow:0 2px 8px #00000008}.ag-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.ag-tab:hover{color:#cc35c5;background:#fff5fe}.ag-tab.active{color:#fff;background:linear-gradient(135deg,#ff4bee,#cc35c5);box-shadow:0 4px 14px #ff4bee59}.ag-tab-badge{border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:flex}.ag-tab.active .ag-tab-badge{color:#fff;background:#ffffff40}.ag-tab:not(.active) .ag-tab-badge{color:#64748b;background:#f1f5f9}.ag-search{flex:1;min-width:220px;max-width:340px;position:relative}.ag-search input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:11px 14px 11px 40px;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.ag-search input:focus{border-color:#ff4bee;box-shadow:0 0 0 3px #ff4bee1f}.ag-search svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.ag-filter-pills{flex-wrap:wrap;gap:6px;display:flex}.ag-filter-pill{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .15s}.ag-filter-pill:hover{color:#cc35c5;border-color:#ff4bee}.ag-filter-pill.active{color:#fff;background:linear-gradient(135deg,#ff4bee,#cc35c5);border-color:#0000}.ag-loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.ag-spinner{border:3px solid #f1f5f9;border-top-color:#ff4bee;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite ag-spin}@keyframes ag-spin{to{transform:rotate(360deg)}}.ag-empty{text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:20px;padding:72px 24px}.ag-empty-icon{opacity:.7;margin-bottom:12px;font-size:48px}.ag-empty h3{color:#334155;margin:0 0 6px;font-size:18px;font-weight:800}.ag-empty p{color:#94a3b8;margin:0;font-size:14px}.ag-list{flex-direction:column;gap:12px;display:flex}.ag-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 4px 16px #0000000a}.ag-card:hover{box-shadow:0 8px 28px #00000014}.ag-card.clickable{cursor:pointer}.ag-card.pending{border-left:4px solid #f59e0b}.ag-card.active-agency{border-left:4px solid #ff4bee}.ag-card-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.ag-card-left{flex:1;align-items:center;gap:14px;min-width:200px;display:flex}.ag-avatar{color:#cc35c5;background:linear-gradient(135deg,#ffe0fb,#fbcfe8);border:2.5px solid #ff4bee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:900;display:flex;overflow:hidden}.ag-avatar img{object-fit:cover;width:100%;height:100%}.ag-logo{background:linear-gradient(135deg,#ffe0fb,#f3e8ff);border:2.5px solid #ff4bee;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;overflow:hidden}.ag-logo img{object-fit:cover;width:100%;height:100%}.ag-logo.lg{border-radius:14px;width:56px;height:56px}.ag-card-name{color:#1e293b;font-size:15px;font-weight:800}.ag-card-sub{color:#94a3b8;margin-top:3px;font-size:12px;font-weight:600}.ag-card-id{color:#ff4bee;font-size:12px;font-weight:700}.ag-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.ag-badge.pending{color:#92400e;background:#fef3c7}.ag-badge.approved{color:#065f46;background:#d1fae5}.ag-badge.rejected{color:#991b1b;background:#fee2e2}.ag-badge.active{color:#065f46;background:#d1fae5}.ag-badge.suspended{color:#991b1b;background:#fee2e2}.ag-badge.closed{color:#374151;background:#e5e7eb}.ag-card-actions{align-items:center;gap:8px;display:flex}.ag-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4bee,#cc35c5);border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:12px;font-weight:800;transition:transform .15s;display:inline-flex;box-shadow:0 4px 12px #ff4bee4d}.ag-btn-primary:hover{transform:translateY(-1px)}.ag-btn-ghost{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700;transition:all .15s}.ag-btn-ghost:hover{color:#cc35c5;background:#fff5fe;border-color:#ff4bee}.ag-btn-danger{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700;transition:background .15s}.ag-btn-danger:hover{background:#fecaca}.ag-btn-warn{color:#92400e;cursor:pointer;background:#fef3c7;border:none;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700}.ag-btn-approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 14px #22c55e59}.ag-btn-reject{color:#dc2626;cursor:pointer;background:#fff;border:2px solid #fca5a5;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:800;display:flex}.ag-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ag-modal{background:#fff;border-radius:22px;width:100%;max-width:520px;max-height:92vh;overflow:auto;box-shadow:0 24px 64px #00000040}.ag-modal.lg{max-width:840px}.ag-modal-header{z-index:1;background:linear-gradient(135deg,#ff4bee,#cc35c5);align-items:center;gap:14px;padding:20px 24px;display:flex;position:sticky;top:0}.ag-modal-header h2{color:#fff;flex:1;margin:0;font-size:18px;font-weight:800}.ag-modal-close{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ag-modal-body{padding:24px}.ag-info-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}@media (width<=480px){.ag-info-grid{grid-template-columns:1fr}}.ag-info-cell{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px}.ag-info-cell label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:5px;margin-bottom:4px;font-size:10px;font-weight:700;display:flex}.ag-info-cell span{color:#1e293b;font-size:13px;font-weight:700}.ag-owner-strip{background:linear-gradient(135deg,#fff5fe,#faf5ff);border:1px solid #fbcfe8;border-radius:14px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.ag-form-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;max-width:580px;padding:28px;box-shadow:0 4px 24px #0000000f}.ag-form-card h3{color:#1e293b;margin:0 0 4px;font-size:18px;font-weight:900}.ag-form-card>p{color:#64748b;margin:0 0 22px;font-size:13px}.ag-field{margin-bottom:16px}.ag-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.ag-field input,.ag-field textarea,.ag-field select{box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:11px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.ag-field input:focus,.ag-field textarea:focus,.ag-field select:focus{border-color:#ff4bee;box-shadow:0 0 0 3px #ff4bee1f}.ag-preview-strip{background:linear-gradient(135deg,#fff5fe,#fdf4ff);border:1px solid #fbcfe8;border-radius:14px;align-items:center;gap:14px;margin-bottom:20px;padding:16px;display:flex}.ag-period-box{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:14px;margin-bottom:18px;padding:16px 18px}.ag-period-box h4{color:#166534;letter-spacing:.5px;margin:0 0 10px;font-size:11px;font-weight:800}.ag-period-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;font-size:13px;display:grid}.ag-period-grid strong{color:#1e293b}.ag-member-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.ag-member-row+.ag-member-row{margin-top:8px}.ag-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4bee,#cc35c5);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-size:15px;font-weight:800;transition:transform .15s;display:flex;box-shadow:0 4px 16px #ff4bee59}.ag-save-btn:hover:not(:disabled){transform:translateY(-1px)}.ag-save-btn:disabled{opacity:.6;cursor:not-allowed}.ag-section-title{color:#94a3b8;letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800}.ag-detail-page{animation:.25s ag-fade-in}@keyframes ag-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ag-detail-back{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000000a}.ag-detail-back:hover{color:#cc35c5;background:#fff5fe;border-color:#ff4bee}.ag-detail-hero{border:1px solid #ff4bee26;border-radius:22px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 12px 40px #ff4bee2e}.ag-detail-hero-bg{opacity:1;background:linear-gradient(135deg,#ff4bee 0%,#cc35c5 45%,#9333ea 100%);position:absolute;inset:0}.ag-detail-hero-bg:after{content:"";background:radial-gradient(circle at 80% 20%,#ffffff26 0%,#0000 50%),radial-gradient(circle at 10% 90%,#ffffff14 0%,#0000 40%);position:absolute;inset:0}.ag-detail-hero-content{z-index:1;flex-wrap:wrap;align-items:flex-start;gap:20px;padding:28px 28px 24px;display:flex;position:relative}.ag-detail-hero-content .ag-logo{background:#ffffff26;border-color:#fff9;box-shadow:0 8px 24px #0003}.ag-detail-hero-info{flex:1;min-width:200px}.ag-detail-hero-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.ag-detail-hero-top h2{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 12px #00000026;margin:0;font-size:26px;font-weight:900}.ag-detail-meta{color:#ffffffd9;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.ag-detail-desc{color:#ffffffe6;max-width:520px;margin:12px 0 0;font-size:14px;line-height:1.5}.ag-detail-owner-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;min-width:200px;padding:14px 18px}.ag-detail-owner-label{color:#ffffffbf;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.ag-detail-owner-row{align-items:center;gap:12px;display:flex}.ag-detail-owner-name{color:#fff;font-size:15px;font-weight:800}.ag-detail-owner-card .ag-card-id{color:#ffffffd9}.ag-detail-owner-card .ag-avatar{border-color:#ffffff80}.ag-detail-period-banner{color:#166534;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:14px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.ag-detail-period-banner strong{font-weight:800}.ag-owner-earning-strip{background:linear-gradient(135deg,#fff5fe 0%,#faf5ff 50%,#f0fdf4 100%);border:1px solid #fbcfe8;border-radius:18px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:22px;padding:18px 22px;display:flex;box-shadow:0 4px 20px #ff4bee14}.ag-owner-earning-info{flex:1;min-width:160px}.ag-owner-earning-label{color:#9333ea;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:4px;font-size:10px;font-weight:800;display:flex}.ag-owner-earning-name{color:#1e293b;font-size:16px;font-weight:900}.ag-owner-earning-name span{color:#94a3b8;font-size:13px;font-weight:700}.ag-owner-earning-stats{flex-wrap:wrap;gap:12px;display:flex}.ag-owner-earning-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:110px;padding:10px 14px}.ag-owner-earning-stat span{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.ag-owner-earning-stat strong{color:#1e293b;font-size:16px;font-weight:900}.ag-owner-earning-stat.highlight{background:#f0fdf4;border-color:#bbf7d0}.ag-owner-earning-stat.highlight strong{color:#166534}.ag-detail-kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}@media (width<=900px){.ag-detail-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.ag-detail-kpis{grid-template-columns:1fr}}.ag-kpi{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:flex-start;gap:12px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0000000a}.ag-kpi:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.ag-kpi-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ag-kpi-icon.pink{color:#db2777;background:#fce7f3}.ag-kpi-icon.purple{color:#9333ea;background:#f3e8ff}.ag-kpi-icon.green{color:#059669;background:#d1fae5}.ag-kpi-icon.amber{color:#d97706;background:#fef3c7}.ag-kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:700}.ag-kpi-value{color:#1e293b;margin-top:2px;font-size:20px;font-weight:900;line-height:1.2}.ag-kpi-sub{color:#64748b;margin-top:2px;font-size:11px;font-weight:600}.ag-detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}@media (width<=960px){.ag-detail-grid{grid-template-columns:1fr}}.ag-detail-panel{background:#fff;border:1px solid #f1f5f9;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.ag-detail-panel-head{background:linear-gradient(#fafafa 0%,#fff 100%);border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:18px 22px;display:flex}.ag-detail-panel-head h3{color:#1e293b;flex:1;margin:0;font-size:15px;font-weight:800}.ag-detail-panel-head svg{color:#ff4bee}.ag-detail-count{color:#db2777;background:#fce7f3;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 8px;font-size:12px;font-weight:800;display:flex}.ag-detail-panel-body{padding:22px}.ag-detail-form-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=600px){.ag-detail-form-row{grid-template-columns:1fr}}.ag-logo-input-row{gap:8px;display:flex}.ag-logo-input-row input{flex:1}.ag-members-scroll{flex-direction:column;gap:10px;max-height:520px;display:flex;overflow-y:auto}.ag-empty-inline{background:#f8fafc!important;border:none!important;border-radius:14px!important;padding:40px 20px!important}.ag-empty-inline p{color:#94a3b8;margin:0;font-size:13px}.ag-publisher-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.ag-publisher-card:hover{border-color:#fbcfe8;box-shadow:0 4px 12px #ff4bee14}.ag-publisher-info{flex:1;min-width:0}.ag-publisher-name{color:#1e293b;font-size:14px;font-weight:800}.ag-publisher-stats{color:#64748b;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:11px;font-weight:700;display:flex}.ag-publisher-stats span{background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;display:inline-flex}.ag-publisher-stats .ag-stat-earn{color:#166534;background:#f0fdf4;border-color:#bbf7d0;font-weight:800}.ag-publisher-stats .ag-stat-avail{color:#a21caf;background:#fff5fe;border-color:#fbcfe8;font-weight:800}.ag-btn-remove-publisher{color:#991b1b;cursor:pointer;white-space:nowrap;background:#fee2e2;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:9px 14px;font-size:11px;font-weight:800;transition:background .15s;display:inline-flex}.ag-btn-remove-publisher:hover:not(:disabled){background:#fecaca}.ag-btn-remove-publisher:disabled{opacity:.6;cursor:not-allowed}.ag-commission-edit-box{background:linear-gradient(135deg,#fff5fe,#faf5ff);border:1px solid #fbcfe8;border-radius:16px;margin-bottom:8px;padding:16px 18px}.dealer-pkg-page{max-width:900px;padding:24px;font-family:DINAlternate,system-ui,sans-serif}.dealer-pkg-header{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.dealer-pkg-back{cursor:pointer;background:#fff;border:2px solid #000;border-radius:10px;padding:10px 14px;font-weight:800;box-shadow:3px 3px #000}.dealer-pkg-title h1{margin:0;font-size:22px;font-weight:900}.dealer-pkg-title p{color:#888;margin:4px 0 0;font-size:13px}.dealer-pkg-list{flex-direction:column;gap:12px;display:flex}.dealer-pkg-card{background:#fff;border:2px solid #000;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid;box-shadow:4px 4px #000}.dealer-pkg-order{flex-direction:column;gap:4px;display:flex}.dealer-pkg-order button{cursor:pointer;background:#fff0fd;border:2px solid #000;border-radius:8px;width:36px;height:32px;font-weight:900}.dealer-pkg-order button:disabled{opacity:.35;cursor:not-allowed}.dealer-pkg-order-num{text-align:center;color:#ff4bee;font-size:14px;font-weight:900}.dealer-pkg-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dealer-pkg-fields label{color:#666;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.dealer-pkg-fields input{box-sizing:border-box;border:2px solid #ffb800;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:15px;font-weight:800}.dealer-pkg-fields input.price{border-color:#ff4bee}.dealer-pkg-actions{flex-direction:column;gap:8px;display:flex}.dealer-pkg-actions button{cursor:pointer;border:2px solid #000;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:900;box-shadow:2px 2px #000}.dealer-pkg-actions .save{color:#fff;background:#ff4bee}.dealer-pkg-actions .delete{color:#dc2626;background:#fee2e2}.dealer-pkg-add{cursor:pointer;color:#ff4bee;background:linear-gradient(135deg,#fff0fd,#fff);border:2px dashed #ff4bee;border-radius:14px;width:100%;margin-top:16px;padding:14px;font-size:15px;font-weight:900}.dealer-pkg-add:hover{background:#fff0fd}.dealer-pkg-top-actions{gap:10px;margin-left:auto;display:flex}.dealer-pkg-top-actions a,.dealer-pkg-top-actions button{color:#111;cursor:pointer;background:#fff;border:2px solid #000;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:900;text-decoration:none;box-shadow:3px 3px #000}.dealer-pkg-top-actions .detail-link{color:#0369a1;background:#e0f2fe}.dealer-detail-page{padding:24px;font-family:DINAlternate,system-ui,sans-serif}.dealer-detail-header{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.dealer-detail-dealer-card{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #000;border-radius:14px;flex:1;align-items:center;gap:14px;min-width:260px;padding:16px 20px;display:flex;box-shadow:4px 4px #000}.dealer-detail-avatar{object-fit:cover;background:#eee;border:2px solid #ff4bee;border-radius:50%;width:56px;height:56px}.dealer-detail-filters{background:#fff;border:2px solid #000;border-radius:14px;margin-bottom:20px;padding:18px;box-shadow:3px 3px #000}.dealer-detail-filters h3{margin:0 0 12px;font-size:15px;font-weight:900}.dealer-detail-filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.dealer-detail-filter-row input,.dealer-detail-filter-row button{border:2px solid #ddd;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:13px}.dealer-detail-filter-row button.primary{color:#fff;cursor:pointer;background:#ff4bee;border-color:#000;font-weight:900;box-shadow:2px 2px #000}.dealer-detail-history{flex-direction:column;gap:10px;display:flex}.dealer-detail-item{background:#fff;border:2px solid #000;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex;box-shadow:2px 2px #000}.dealer-detail-item .avatar{object-fit:cover;border:1.5px solid #000;border-radius:50%;flex-shrink:0;width:44px;height:44px}.dealer-detail-item .icon-circle{border:1.5px solid #000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.dealer-detail-item .body{flex:1;min-width:0}.dealer-detail-item .amount{white-space:nowrap;font-size:15px;font-weight:900}.dealer-detail-item .amount.in{color:#2e7d32}.dealer-detail-item .amount.out{color:#dc2626}.tp-page{max-width:1280px}.tp-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.tp-hero-left{align-items:center;gap:14px;display:flex}.tp-hero-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 6px 20px #f59e0b59}.tp-hero h1{letter-spacing:-.4px;color:var(--text-primary);margin:0;font-size:24px;font-weight:800}.tp-hero p{color:var(--text-secondary);margin-top:2px;font-size:13px}.tp-refresh{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.tp-refresh:hover{color:#d97706;background:#fffbeb;border-color:#f59e0b}.tp-search-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;margin-bottom:20px;padding:16px 18px}.tp-search-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:700}.tp-search-row{gap:10px;display:flex}.tp-search-row input{border:1.5px solid var(--border);color:var(--text-primary);background:#fafafa;border-radius:10px;flex:1;padding:11px 14px;font-size:14px;transition:border-color .15s}.tp-search-row input:focus{background:#fff;border-color:#f59e0b;outline:none}.tp-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #f59e0b4d}.tp-search-btn:hover{filter:brightness(1.05)}.tp-search-btn:disabled{opacity:.6;cursor:not-allowed}.tp-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:700}.tp-cats-scroll{scrollbar-width:thin;gap:8px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.tp-cat{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.tp-cat:hover{background:#fffbeb;border-color:#fcd34d}.tp-cat.active{color:#15803d;background:#f0fdf4;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.tp-cat .emoji{font-size:16px;line-height:1}.tp-kpis{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.tp-kpi{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:18px 20px}.tp-kpi-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600}.tp-kpi-value{letter-spacing:-.5px;color:#d97706;font-size:26px;font-weight:800;line-height:1.1}.tp-kpi-value small{color:var(--text-muted);margin-left:4px;font-size:14px;font-weight:600}.tp-kpi-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.tp-workspace{grid-template-columns:220px 1fr;gap:16px;margin-bottom:16px;display:grid}.tp-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;overflow:hidden}.tp-card-head{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:#fafafa;padding:14px 16px;font-size:12px;font-weight:700}.tp-card-body{padding:12px}.tp-months-list{flex-direction:column;gap:4px;max-height:420px;display:flex;overflow-y:auto}.tp-month-btn{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 12px;transition:background .12s}.tp-month-btn:hover{background:#f7fafc}.tp-month-btn.active{background:#fffbeb;box-shadow:inset 3px 0 #f59e0b}.tp-month-btn .m-name{color:var(--text-primary);font-size:13px;font-weight:700;display:block}.tp-month-btn .m-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.tp-cal-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;display:flex}.tp-cal-title{color:var(--text-primary);font-size:15px;font-weight:800}.tp-cal-total{color:var(--text-muted);font-size:13px}.tp-cal-total strong{color:#d97706;font-size:18px;font-weight:800}.tp-cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;padding:14px;display:grid}.tp-cal-weekday{text-align:center;color:var(--text-muted);text-transform:uppercase;padding-bottom:4px;font-size:10px;font-weight:700}.tp-day{aspect-ratio:1;border:1.5px solid var(--border);cursor:pointer;background:#fafafa;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;padding:4px;transition:all .12s;display:flex}.tp-day:hover{background:#fff;border-color:#cbd5e1}.tp-day.active{background:#f0fdf4;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.tp-day.is-today{border-color:#f59e0b}.tp-day.empty-day{opacity:.35;pointer-events:none;background:0 0;border-color:#0000}.tp-day .d-num{color:var(--text-muted);font-size:11px;font-weight:700}.tp-day .d-amt{color:#d97706;text-align:center;word-break:break-all;font-size:10px;font-weight:800;line-height:1.1}.tp-day .d-cnt{color:var(--text-muted);font-size:9px}.tp-day .d-badge{color:#22c55e;text-transform:uppercase;font-size:8px;font-weight:800}.tp-users-card{margin-bottom:20px}.tp-users-head{border-bottom:1px solid var(--border);background:#fafafa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;display:flex}.tp-users-head h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:800}.tp-users-head span{color:var(--text-muted);font-size:12px}.tp-table-wrap{overflow-x:auto}.tp-table{border-collapse:collapse;width:100%;font-size:13px}.tp-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);background:#fff;padding:11px 16px;font-size:11px;font-weight:700}.tp-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.tp-table tr:last-child td{border-bottom:none}.tp-table tr:hover td{background:#fafafa}.tp-table-user{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.tp-table-user:hover .tp-tu-name{color:var(--primary)}.tp-tu-avatar{color:#d97706;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex;overflow:hidden}.tp-tu-avatar img{object-fit:cover;width:100%;height:100%}.tp-tu-name{font-size:13px;font-weight:700}.tp-tu-id{color:var(--text-muted);font-size:11px}.tp-amt-cell{color:#d97706;text-align:right;font-size:14px;font-weight:800}.tp-tx-cell{text-align:right;color:var(--text-muted);font-size:12px}.tp-user-panel{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;border-radius:14px;margin-bottom:20px;overflow:hidden}.tp-user-panel-head{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tp-user-panel-profile{align-items:center;gap:14px;display:flex}.tp-user-panel-avatar{color:#d97706;background:#fef3c7;border:2px solid #fcd34d;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:800;display:flex;overflow:hidden}.tp-user-panel-avatar img{object-fit:cover;width:100%;height:100%}.tp-user-panel-profile h3{margin:0;font-size:16px;font-weight:800}.tp-user-panel-profile p{color:var(--text-muted);margin-top:2px;font-size:12px}.tp-close-btn{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600}.tp-close-btn:hover{background:#f7fafc}.tp-user-cats{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:14px 20px;display:flex}.tp-user-cat-chip{border:1px solid var(--border);color:var(--text-secondary);background:#f7fafc;border-radius:999px;padding:6px 12px;font-size:12px}.tp-user-cat-chip strong{color:#d97706;margin-left:4px}.tp-ledger{padding:0}.tp-ledger-item{border-bottom:1px solid #f1f5f9;grid-template-columns:130px 1fr auto;align-items:start;gap:12px;padding:12px 20px;font-size:13px;display:grid}.tp-ledger-item:last-child{border-bottom:none}.tp-ledger-item:hover{background:#fafafa}.tp-ledger-date{color:var(--text-muted);font-size:11px}.tp-ledger-cat{text-transform:uppercase;color:var(--primary);margin-bottom:2px;font-size:10px;font-weight:700}.tp-ledger-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.tp-ledger-amt{white-space:nowrap;font-size:14px;font-weight:800}.tp-ledger-amt.pos{color:#16a34a}.tp-ledger-amt.neg{color:#dc2626}.tp-detail-link{color:var(--primary);margin-top:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.tp-detail-link:hover{text-decoration:underline}.tp-empty{text-align:center;color:var(--text-muted);padding:32px 20px;font-size:13px}.tp-loading{text-align:center;color:#d97706;padding:24px;font-size:13px;font-weight:600}@media (width<=900px){.tp-kpis,.tp-workspace{grid-template-columns:1fr}.tp-cal-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=560px){.tp-cal-grid{grid-template-columns:repeat(3,1fr)}.tp-search-row{flex-direction:column}.tp-ledger-item{grid-template-columns:1fr;gap:4px}}.qg-page{max-width:1400px}.qg-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.qg-hero h1{margin:0;font-size:24px;font-weight:800}.qg-hero p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.qg-actions{flex-wrap:wrap;gap:10px;display:flex}.qg-btn{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.qg-btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#0000}.qg-btn:disabled{opacity:.55;cursor:not-allowed}.qg-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.qg-tabs{border:1px solid var(--border);background:#fff;border-radius:10px;display:inline-flex;overflow:hidden}.qg-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:8px 14px;font-size:13px;font-weight:600}.qg-tab.active{color:#6d28d9;background:#f3e8ff}.qg-preview-label{color:var(--text-secondary);margin-bottom:10px;font-size:12px;font-weight:600}.qg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}@media (width<=1100px){.qg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.qg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.qg-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;position:relative;overflow:hidden}.qg-card.dragging{opacity:.45}.qg-card.inactive{opacity:.65}.qg-cover{aspect-ratio:1;background:linear-gradient(145deg,#1a1a2e,#2d2d44);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.qg-upload-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#a855f7);border:1.5px solid #7c3aed;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.qg-upload-btn.disabled{opacity:.55;cursor:not-allowed}.qg-upload-btn input{display:none}.qg-cover .qg-upload-btn{position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000059}.qg-cover-clickable{cursor:default}.qg-drag-handle{z-index:2;color:#64748b;cursor:grab;background:#ffffffeb;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 1px 4px #0000001f}.qg-cover img{object-fit:cover;width:100%;height:100%}.qg-cover-placeholder{font-size:36px}.qg-card-body{padding:10px 12px 12px}.qg-card-title{margin:0 0 4px;font-size:14px;font-weight:700}.qg-card-meta{color:var(--text-secondary);margin-bottom:8px;font-size:11px}.qg-badge{border-radius:999px;margin-right:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.qg-badge.on{color:#166534;background:#dcfce7}.qg-badge.off{color:#991b1b;background:#fee2e2}.qg-badge.mode{color:#5b21b6;background:#ede9fe}.qg-list{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.qg-list table{border-collapse:collapse;width:100%;font-size:12px}.qg-list th,.qg-list td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px 12px}.qg-list th{color:var(--text-secondary);background:#fafafa;font-weight:700}.qg-list tr.drag-over td{background:#f5f3ff}.qg-list tr[draggable=true]{cursor:grab}.qg-input,.qg-select{border:1px solid var(--border);border-radius:8px;width:100%;padding:6px 8px;font-size:12px}.qg-input-sm{max-width:220px}.qg-url{text-overflow:ellipsis;white-space:nowrap;color:#475569;max-width:280px;font-family:ui-monospace,monospace;font-size:11px;overflow:hidden}.qg-toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;width:42px;height:24px;position:relative}.qg-toggle.on{background:#22c55e}.qg-toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.qg-toggle.on:after{transform:translate(18px)}.qg-icon-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px}.qg-icon-btn:hover{color:#6d28d9}.qg-empty{text-align:center;color:var(--text-secondary);padding:48px 16px}.qg-saving{color:#6d28d9;font-size:12px}.ql-page{max-width:1280px}.ql-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ql-hero h1{margin:0;font-size:24px;font-weight:800}.ql-filters{border:1px solid var(--border);background:#fff;border-radius:14px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px;display:flex}.ql-filters input{border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px}.ql-kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.ql-kpi{border:1px solid var(--border);background:#fff;border-radius:12px;padding:14px}.ql-kpi label{color:var(--text-secondary);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.ql-kpi strong{font-size:20px}.ql-table-wrap{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:auto}.ql-table-wrap table{border-collapse:collapse;width:100%;font-size:12px}.ql-table-wrap th,.ql-table-wrap td{border-bottom:1px solid var(--border);text-align:left;padding:10px 12px}.ql-table-wrap th{color:var(--text-secondary);background:#fafafa;font-weight:700}.qs-page{max-width:760px;padding:24px}.qs-header h1{color:#e8c547;margin:0 0 16px;font-size:1.35rem}.qs-tabs{border-bottom:1px solid #333;gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex}.qs-tabs a{color:#aaa;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.qs-tabs a.active{color:#111;background:#e8c547}.qs-card{background:#16161f;border:1px solid #2a2a35;border-radius:12px;margin-bottom:16px;padding:18px 20px}.qs-card h2{color:#eee;margin:0 0 10px;font-size:1rem}.qs-help,.qs-meta,.qs-muted{color:#9a9ab0;font-size:13px;line-height:1.45}.qs-label{color:#ccc;margin:12px 0 6px;font-size:13px;display:block}.qs-input{box-sizing:border-box;color:#eee;background:#0e0e16;border:1px solid #333;border-radius:8px;width:100%;padding:10px 12px}.qs-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.qs-btn{color:#eee;cursor:pointer;background:#222;border:1px solid #444;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.qs-btn.primary{color:#111;background:#e8c547;border-color:#e8c547}.qs-btn.ghost{background:0 0}.qs-btn:disabled{opacity:.55;cursor:not-allowed}.qs-error{color:#ffb4b4;background:#3a1a1a;border:1px solid #7a3030;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.qs-url-list{margin:0;padding:0;list-style:none}.qs-url-list li{border-bottom:1px solid #2a2a35;grid-template-columns:110px 1fr;gap:8px;padding:8px 0;font-size:12px;display:grid}.qs-url-list li span{color:#aaa}.qs-url-list code{word-break:break-all;color:#c9e7ff}.qs-notes ul{color:#aaa;margin:0;padding-left:18px;font-size:13px;line-height:1.5}.wd-page{max-width:1200px}.wd-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.wd-hero-title{align-items:center;gap:12px;display:flex}.wd-hero-icon{background:linear-gradient(135deg,#e00084 0%,#be185d 100%);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex;box-shadow:0 8px 24px #e0008459}.wd-hero h1{letter-spacing:-.5px;background:linear-gradient(90deg,#e00084,#be185d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.wd-hero p{color:#64748b;margin-top:4px;font-size:14px}.wd-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.wd-refresh-btn:hover:not(:disabled){color:#be185d;background:#fdf2f8;border-color:#e00084}.wd-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.wd-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=900px){.wd-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.wd-stats{grid-template-columns:1fr}}.wd-stat{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:flex-start;gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0000000a}.wd-stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.wd-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.wd-stat-icon.amber{color:#d97706;background:#fef3c7}.wd-stat-icon.green{color:#059669;background:#d1fae5}.wd-stat-icon.purple{color:#7c3aed;background:#ede9fe}.wd-stat-icon.pink{color:#db2777;background:#fce7f3}.wd-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.wd-stat-value{color:#1e293b;margin-top:2px;font-size:24px;font-weight:900;line-height:1.2}.wd-stat-sub{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.wd-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.wd-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:6px;padding:5px;display:flex;box-shadow:0 2px 8px #00000008}.wd-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.wd-tab:hover{color:#be185d;background:#fdf2f8}.wd-tab.active{color:#fff;background:linear-gradient(135deg,#e00084,#be185d);box-shadow:0 4px 14px #e0008459}.wd-tab-badge{border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:flex}.wd-tab.active .wd-tab-badge{color:#fff;background:#ffffff40}.wd-tab:not(.active) .wd-tab-badge{color:#64748b;background:#f1f5f9}.wd-search{flex:1;min-width:220px;max-width:340px;position:relative}.wd-search input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:11px 14px 11px 40px;font-size:13px;font-weight:500;transition:border-color .2s,box-shadow .2s}.wd-search input:focus{border-color:#e00084;box-shadow:0 0 0 3px #e000841f}.wd-search svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.wd-loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.wd-spinner{border:3px solid #f1f5f9;border-top-color:#e00084;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite wd-spin}@keyframes wd-spin{to{transform:rotate(360deg)}}.wd-empty{text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:20px;padding:72px 24px}.wd-empty-icon{opacity:.7;margin-bottom:12px;font-size:48px}.wd-empty h3{color:#334155;margin-bottom:6px;font-size:18px;font-weight:800}.wd-empty p{color:#94a3b8;font-size:14px}.wd-list{flex-direction:column;gap:16px;display:flex}.wd-req-card{background:#fff;border:1px solid #f1f5f9;border-radius:18px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 4px 20px #0000000d}.wd-req-card:hover{box-shadow:0 8px 32px #00000017}.wd-req-card.pending{border-left:4px solid #f59e0b}.wd-req-card.approved{border-left:4px solid #22c55e}.wd-req-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;display:flex}.wd-req-user{align-items:center;gap:14px;display:flex}.wd-avatar{color:#be185d;background:linear-gradient(135deg,#ffe0fb,#fbcfe8);border:2.5px solid #e00084;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:900;display:flex;overflow:hidden}.wd-avatar img{object-fit:cover;width:100%;height:100%}.wd-req-name{color:#1e293b;font-size:16px;font-weight:800}.wd-req-id{color:#e00084;margin-top:2px;font-size:12px;font-weight:700}.wd-req-date{color:#94a3b8;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.wd-amount-block{text-align:right}.wd-amount{background:linear-gradient(135deg,#e00084,#be185d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;line-height:1}.wd-status-pill{border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.wd-status-pill.pending{color:#92400e;background:#fef3c7}.wd-status-pill.approved{color:#065f46;background:#d1fae5}.wd-req-body{grid-template-columns:1fr 1fr;gap:14px;padding:0 22px 18px;display:grid}@media (width<=700px){.wd-req-body{grid-template-columns:1fr}}.wd-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.wd-panel-title{color:#94a3b8;letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.wd-panel-row{color:#475569;margin-top:6px;font-size:13px;line-height:1.5}.wd-panel-row strong{color:#1e293b;font-weight:700}.wd-iban-mono{color:#1e293b;word-break:break-all;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:6px;padding:8px 10px;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:700}.wd-periods{background:linear-gradient(#fafafa 0%,#fff 100%);border-top:1px solid #f1f5f9;padding:14px 22px}.wd-periods-title{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:800}.wd-period-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 14px;font-size:13px;display:flex}.wd-period-item span:first-child{color:#475569;font-weight:600}.wd-period-item span:last-child{color:#be185d;font-weight:800}.wd-req-actions{background:#fafafa;border-top:1px solid #f1f5f9;gap:10px;padding:16px 22px;display:flex}.wd-btn-approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #22c55e59}.wd-btn-approve:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #22c55e73}.wd-btn-reject{color:#dc2626;cursor:pointer;background:#fff;border:2px solid #fca5a5;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:800;transition:all .15s;display:flex}.wd-btn-reject:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.wd-btn-approve:disabled,.wd-btn-reject:disabled{opacity:.55;cursor:not-allowed;transform:none}.wd-paid-banner{color:#065f46;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:10px;margin:0 22px 16px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.wd-iban-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 4px 20px #0000000d}.wd-iban-card:hover{box-shadow:0 8px 32px #00000017}.wd-iban-header{background:linear-gradient(135deg,#fdf2f8 0%,#fff 60%);border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.wd-iban-header-main{flex:1;min-width:200px}.wd-iban-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wd-iban-name-row h3{color:#1e293b;font-size:18px;font-weight:900}.wd-iban-short-id{color:#e00084;font-size:13px;font-weight:700}.wd-role-badge{border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.wd-role-badge.owner{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8}.wd-role-badge.member{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.wd-profile-link{color:#e00084;align-items:center;gap:4px;margin-top:10px;font-size:12px;font-weight:700;text-decoration:none;transition:gap .15s;display:inline-flex}.wd-profile-link:hover{gap:8px}.wd-iban-updated{color:#94a3b8;text-align:right;font-size:12px}.wd-iban-updated strong{color:#64748b;margin-top:2px;font-weight:600;display:block}.wd-iban-sections{flex-direction:column;gap:14px;padding:20px 24px 24px;display:flex}.wd-info-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.wd-info-cell label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.wd-info-cell span{color:#1e293b;font-size:13px;font-weight:600}.wd-section-box{border:1px solid;border-radius:14px;padding:16px 18px}.wd-section-box.user{background:#f8fafc;border-color:#e2e8f0}.wd-section-box.agency{background:linear-gradient(135deg,#faf5ff,#f5f3ff);border-color:#e9d5ff}.wd-section-box.bank{background:linear-gradient(135deg,#fff1f2,#fce7f3);border-color:#fecdd3}.wd-section-label{letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:12px;font-size:10px;font-weight:800;display:flex}.wd-section-box.user .wd-section-label{color:#64748b}.wd-section-box.agency .wd-section-label{color:#7c3aed}.wd-section-box.bank .wd-section-label{color:#be185d}.wd-agency-row{align-items:center;gap:12px;display:flex}.wd-agency-logo{background:#ede9fe;border:2px solid #c4b5fd;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;overflow:hidden}.wd-agency-logo img{object-fit:cover;width:100%;height:100%}.wd-no-agency{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:14px 16px;font-size:13px;font-weight:600}.wd-owner-row{border-top:1px solid #e9d5ff;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.wd-copy-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;margin-top:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.wd-copy-btn:hover{color:#be185d;background:#fdf2f8;border-color:#e00084}