.login-page[data-v-cbcdcacc]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a}.login-card[data-v-cbcdcacc]{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 25px 50px #00000080}.login-logo[data-v-cbcdcacc]{text-align:center;margin-bottom:32px}.logo-icon[data-v-cbcdcacc]{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;font-size:22px;font-weight:800;color:#fff;margin-bottom:16px}.login-logo h1[data-v-cbcdcacc]{font-size:20px;font-weight:700;color:#f1f5f9;margin:0 0 6px}.login-logo p[data-v-cbcdcacc]{font-size:14px;color:#64748b;margin:0}.login-form[data-v-cbcdcacc]{display:flex;flex-direction:column;gap:18px}.form-group[data-v-cbcdcacc]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-cbcdcacc]{font-size:13px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.form-group input[data-v-cbcdcacc]{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:12px 14px;font-size:15px;color:#f1f5f9;outline:none;transition:border-color .2s}.form-group input[data-v-cbcdcacc]:focus{border-color:#3b82f6}.login-error[data-v-cbcdcacc]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;font-size:13px;color:#f87171;text-align:center}.login-btn[data-v-cbcdcacc]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:8px;padding:13px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:4px}.login-btn[data-v-cbcdcacc]:hover:not(:disabled){opacity:.9}.login-btn[data-v-cbcdcacc]:disabled{opacity:.6;cursor:not-allowed}.kpi-grid[data-v-58d9fc3b]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 1100px){.kpi-grid[data-v-58d9fc3b]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.kpi-grid[data-v-58d9fc3b]{grid-template-columns:1fr}}.kpi-card[data-v-58d9fc3b]{display:flex;align-items:center;gap:16px}.kpi-icon[data-v-58d9fc3b]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-value[data-v-58d9fc3b]{display:block;font-size:24px;font-weight:800}.kpi-label[data-v-58d9fc3b]{font-size:13px;color:var(--text-secondary)}.chart-container[data-v-58d9fc3b]{overflow-x:auto}.bar-chart[data-v-58d9fc3b]{width:100%;max-height:220px}.activity-list[data-v-58d9fc3b]{display:flex;flex-direction:column;gap:14px}.activity-item[data-v-58d9fc3b]{display:flex;align-items:flex-start;gap:12px}.activity-dot[data-v-58d9fc3b]{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-text[data-v-58d9fc3b]{font-size:14px}.activity-time[data-v-58d9fc3b]{font-size:12px;color:var(--text-secondary);margin-top:2px}.preview-code[data-v-7e626de2]{background:var(--bg-primary);padding:10px 14px;border-radius:8px;font-size:13px;margin-top:8px;color:var(--accent-light)}.toast[data-v-7e626de2]{position:fixed;bottom:24px;right:24px;background:var(--success);color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;z-index:300}.asset-card[data-v-abc1f9a4]{display:flex;flex-direction:column}.asset-thumb[data-v-abc1f9a4]{height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.asset-name[data-v-abc1f9a4]{font-size:14px;font-weight:600}.asset-meta[data-v-abc1f9a4]{font-size:12px;color:var(--text-secondary)}.summary-bar[data-v-6f25a980]{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pagination[data-v-6f25a980]{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.promo-card[data-v-bf99eb59]{display:flex;flex-direction:column}.promo-name[data-v-bf99eb59]{font-size:15px;font-weight:600}.promo-discount[data-v-bf99eb59]{font-size:32px;font-weight:800;color:var(--accent-light);margin:8px 0}.promo-dates[data-v-bf99eb59]{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.toggle-row[data-v-bf99eb59]{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--border);cursor:pointer}.toggle[data-v-bf99eb59]{width:44px;height:24px;border-radius:12px;background:var(--border);position:relative;transition:background .2s}.toggle.on[data-v-bf99eb59]{background:var(--success)}.toggle-knob[data-v-bf99eb59]{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .2s}.toggle.on .toggle-knob[data-v-bf99eb59]{transform:translate(20px)}.dcb-card[data-v-cccfafe6]{display:flex;flex-direction:column}.dcb-name[data-v-cccfafe6]{font-size:16px;font-weight:700}.dcb-detail[data-v-cccfafe6]{margin-top:10px;font-size:14px}.dcb-stats[data-v-cccfafe6]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.dcb-stat-label[data-v-cccfafe6]{display:block;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.dcb-stat-value[data-v-cccfafe6]{display:block;font-size:15px;font-weight:700;margin-top:2px}.tabs[data-v-770fe348]{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-card);border-radius:10px;padding:4px;border:1px solid var(--border);width:fit-content}.tab[data-v-770fe348]{padding:8px 20px;border-radius:7px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.tab.active[data-v-770fe348]{background:var(--accent);color:#fff}.chart-container[data-v-770fe348]{overflow-x:auto}.bar-chart[data-v-770fe348]{width:100%;max-height:220px}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #1e1e35;--accent: #7c3aed;--accent-light: #a78bfa;--text-primary: #f1f0ff;--text-secondary: #9ca3af;--border: #2d2d4e;--success: #10b981;--warning: #f59e0b;--danger: #ef4444}*{margin:0;padding:0;box-sizing:border-box}.app-layout{display:flex;min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-brand{padding:24px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.brand-icon{background:var(--accent);color:#fff;font-weight:800;font-size:14px;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;letter-spacing:-.5px}.brand-text{font-size:15px;font-weight:600;color:var(--text-secondary)}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s;margin-bottom:2px}.nav-item:hover{background:#7c3aed1a;color:var(--text-primary)}.nav-item.active{background:var(--accent);color:#fff}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border)}.user-info{margin-bottom:8px}.user-name{font-size:13px;font-weight:600;color:var(--text-primary)}.logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.logout-btn:hover{background:#ef444433}.main-content{flex:1;margin-left:260px;min-height:100vh}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--border);background:var(--bg-secondary);position:sticky;top:0;z-index:50}.page-title{font-size:20px;font-weight:700}.top-date{font-size:13px;color:var(--text-secondary)}.content-area{padding:24px 32px}.btn{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#6d28d9}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-success{background:var(--success);color:#fff}.btn-warning{background:var(--warning);color:#000}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 12px;color:var(--text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}td{padding:10px 12px;border-bottom:1px solid rgba(45,45,78,.5);color:var(--text-primary)}tr:hover td{background:#7c3aed0a}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge-success{background:#10b98126;color:var(--success)}.badge-warning{background:#f59e0b26;color:var(--warning)}.badge-danger{background:#ef444426;color:var(--danger)}.badge-info{background:#3b82f626;color:#3b82f6}.badge-purple{background:#7c3aed26;color:var(--accent-light)}.badge-gray{background:#9ca3af26;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;width:90%;max-width:520px;max-height:85vh;overflow-y:auto}.modal h3{font-size:18px;margin-bottom:20px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer}.form-group select option{background:var(--bg-primary)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.filter-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:flex-end}.filter-bar .form-group{margin-bottom:0;min-width:140px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 1200px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.grid-2,.grid-3{grid-template-columns:1fr}.sidebar{width:60px}.sidebar .brand-text,.sidebar .nav-item span,.sidebar .demo-badge{display:none}.main-content{margin-left:60px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s ease-in-out infinite}