:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#5a4bd1;--primary-bg:#6c5ce714;--primary-border:#6c5ce733;--accent:#00d2ff;--accent-light:#74e8ff;--accent-dark:#00b4d8;--accent-bg:#00d2ff14;--success:#00c48c;--success-light:#55efc4;--success-bg:#00c48c1a;--success-border:#00c48c40;--warning:#fdcb6e;--warning-dark:#f39c12;--warning-bg:#fdcb6e1f;--warning-border:#fdcb6e4d;--danger:#ff6b6b;--danger-light:#ff8787;--danger-bg:#ff6b6b1a;--danger-border:#ff6b6b40;--bg-body:#0f0f1a;--bg-surface:#1a1a2e;--bg-card:#1e1e35;--bg-card-hover:#252542;--bg-elevated:#2a2a4a;--bg-input:#16162b;--bg-sidebar:#12122a;--text-primary:#f0f0ff;--text-secondary:#b0b0cc;--text-muted:#7878a0;--text-inverse:#0f0f1a;--border-color:#ffffff0f;--border-light:#ffffff1a;--border-input:#ffffff1f;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 30px #6c5ce726;--shadow-card:0 4px 20px #0000004d, 0 0 0 1px #ffffff0a;--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs:11px;--font-sm:13px;--font-base:14px;--font-md:15px;--font-lg:18px;--font-xl:22px;--font-2xl:28px;--font-3xl:36px;--font-4xl:48px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--max-content:1200px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--gradient-primary:linear-gradient(135deg, #6c5ce7 0%, #00d2ff 100%);--gradient-dark:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--gradient-card:linear-gradient(145deg, #1e1e35e6 0%, #1a1a2ef2 100%);--gradient-hero:linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 50%, #0f0f1a 100%);--gradient-success:linear-gradient(135deg, #00c48c, #55efc4);--gradient-danger:linear-gradient(135deg, #ff6b6b, #ffa07a);--gradient-glass:linear-gradient(135deg, #ffffff0d, #ffffff03)}.admin-container{background-color:var(--bg-body);min-height:100vh;color:var(--text-primary);font-family:var(--font-family);display:flex}.admin-sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;height:100vh;transition:all var(--transition-base);flex-direction:column;display:flex;position:fixed}.admin-brand{padding:var(--space-lg) var(--space-base);align-items:center;gap:var(--space-sm);font-size:var(--font-lg);color:var(--text-primary);border-bottom:1px solid var(--border-color);font-weight:800;text-decoration:none;display:flex}.admin-brand span{color:var(--primary-light)}.admin-menu{padding:var(--space-base) var(--space-sm);flex:1;overflow-y:auto}.admin-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;text-align:left;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs);transition:all var(--transition-fast);background:0 0;border:none;padding:12px 16px;font-weight:500;display:flex}.admin-menu-item:hover{color:var(--text-primary);background-color:#ffffff08}.admin-menu-item.active{background:var(--primary-bg);border-left:3px solid var(--primary);color:var(--primary-light);font-weight:600}.admin-sidebar-footer{padding:var(--space-base);border-top:1px solid var(--border-color);align-items:center;gap:var(--space-sm);display:flex}.admin-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);width:40px;height:40px;color:var(--text-inverse);justify-content:center;align-items:center;font-weight:700;display:flex}.admin-info{flex-direction:column;display:flex}.admin-name{font-size:var(--font-sm);font-weight:600}.admin-role{font-size:var(--font-xs);color:var(--text-muted)}.admin-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.admin-topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);padding:0 var(--space-lg);z-index:90;background-color:#1a1a2ecc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.admin-topbar-title{font-size:var(--font-lg);font-weight:700}.admin-content{padding:var(--space-lg);max-width:var(--max-content);flex:1;width:100%;margin:0 auto}.admin-stats-grid{gap:var(--space-base);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.admin-stat-card{background:var(--gradient-card);border:1px solid var(--border-color);padding:var(--space-base);border-radius:var(--radius);transition:all var(--transition-base)}.admin-stat-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-stat-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.admin-stat-icon{opacity:.8;font-size:20px}.admin-stat-label{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.admin-stat-value{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:700}.admin-stat-trend{font-size:var(--font-xs);align-items:center;gap:4px;display:flex}.admin-stat-trend.up{color:var(--success)}.admin-stat-trend.down{color:var(--danger)}.admin-tab-pane{display:none}.admin-tab-pane.active{display:block}.admin-charts-grid{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(450px,1fr));display:grid}.admin-chart-card{background:var(--bg-card);border:1px solid var(--border-color);padding:var(--space-base);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.admin-chart-title{font-size:var(--font-md);margin-bottom:var(--space-md);color:var(--text-primary);font-weight:600}.admin-chart-container{height:280px;position:relative}.admin-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.admin-table-header{padding:var(--space-base) var(--space-lg);border-bottom:1px solid var(--border-color);background:#ffffff03;justify-content:space-between;align-items:center;display:flex}.admin-table-title{font-size:var(--font-md);font-weight:600}.admin-table-filters{gap:var(--space-sm);display:flex}.admin-table-search{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--font-xs);min-width:200px;padding:8px 12px}.admin-table-select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;padding:8px 12px}.admin-table-wrap{max-width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-sm)}.admin-table th{padding:var(--space-base) var(--space-lg);border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;font-weight:600;font-size:var(--font-xs);letter-spacing:.5px;background:#ffffff05}.admin-table td{padding:var(--space-base) var(--space-lg);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.admin-table tr:hover td{color:var(--text-primary);background:#ffffff03}.admin-badge{border-radius:var(--radius-xs);font-size:var(--font-xs);text-transform:uppercase;padding:4px 8px;font-weight:600;display:inline-block}.admin-badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.admin-badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.admin-badge-warning{background:var(--warning-bg);color:var(--warning-dark);border:1px solid var(--warning-border)}.admin-badge-info{background:var(--primary-bg);color:var(--primary-light);border:1px solid var(--primary-border)}.admin-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:all var(--transition-base);background:#0f0f1ab3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.admin-modal.active{opacity:1;pointer-events:auto}.admin-modal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);width:90%;max-width:500px;box-shadow:var(--shadow-lg);transition:all var(--transition-base);overflow:hidden;transform:translateY(20px)}.admin-modal.active .admin-modal-card{transform:translateY(0)}.admin-modal-header{padding:var(--space-base) var(--space-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.admin-modal-title{font-size:var(--font-md);font-weight:700}.admin-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:24px}.admin-modal-body{padding:var(--space-lg);max-height:70vh;overflow-y:auto}.admin-modal-footer{padding:var(--space-base) var(--space-lg);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--space-sm);background:#ffffff03;display:flex}.admin-form-group{margin-bottom:var(--space-base)}.admin-form-label{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:600;display:block}.admin-form-input{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--font-sm);outline:none;padding:10px 14px}.admin-form-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 2px #6c5ce733}.admin-btn{border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;padding:8px 16px;font-weight:600}.admin-btn-primary{background:var(--primary);color:#fff}.admin-btn-primary:hover{background:var(--primary-dark)}.admin-btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-color)}.admin-btn-secondary:hover{color:var(--text-primary);background:var(--bg-card-hover)}.admin-btn-danger{background:var(--danger);color:#fff}.admin-btn-danger:hover{opacity:.9}.ticket-detail-view{flex-direction:column;height:500px;display:flex}.ticket-info-bar{background:var(--bg-elevated);padding:var(--space-base);border-radius:var(--radius-sm);margin-bottom:var(--space-base);gap:var(--space-sm);font-size:var(--font-xs);grid-template-columns:repeat(2,1fr);display:grid}.ticket-chat-area{border:1px solid var(--border-color);background:var(--bg-input);border-radius:var(--radius-sm);padding:var(--space-base);margin-bottom:var(--space-base);gap:var(--space-base);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{max-width:80%;padding:var(--space-sm) var(--space-base);border-radius:var(--radius-md);font-size:var(--font-sm);line-height:1.5}.chat-bubble.admin{background:var(--primary-bg);border:1px solid var(--primary-border);border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.user{background:var(--bg-elevated);border:1px solid var(--border-color);border-bottom-left-radius:4px;align-self:flex-start}.chat-meta{color:var(--text-muted);margin-top:4px;font-size:10px;display:block}.admin-login-wrapper{background:radial-gradient(circle at top right, #6c5ce71a, transparent), var(--bg-body);min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.admin-login-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;max-width:400px;padding:var(--space-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}.admin-login-logo{margin-bottom:var(--space-sm);font-size:48px}.admin-login-title{font-size:var(--font-xl);margin-bottom:var(--space-xs);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.admin-login-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.impersonation-warning-bar{background:linear-gradient(90deg, var(--warning-dark), #e67e22);color:#fff;font-size:var(--font-sm);text-align:center;z-index:10000;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-weight:600;display:flex;position:relative}.impersonation-exit-btn{color:#fff;cursor:pointer;font-size:var(--font-xs);background:#fff3;border:1px solid #fff;border-radius:4px;padding:2px 8px;font-weight:700}.impersonation-exit-btn:hover{color:var(--warning-dark);background:#fff}