body{margin:0;padding:0}#root{width:100%;min-height:100vh}:root{--bg-primary:#0b0f19;--bg-secondary:#111827b3;--bg-tertiary:#1f293780;--accent-cyan:#06b6d4;--accent-indigo:#6366f1;--accent-emerald:#10b981;--accent-rose:#f43f5e;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-glass:#ffffff14;--shadow-glow:0 0 25px #6366f126;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 50% 0%, #1e1b4b 0%, var(--bg-primary) 70%);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-glass);box-shadow:0 20px 40px #0006, var(--shadow-glow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;border-radius:20px;width:100%;max-width:440px;padding:40px}.auth-logo{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent-cyan), var(--accent-indigo));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin-bottom:8px;font-size:2.2rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:.95rem}.form-group{text-align:left;margin-bottom:20px}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.form-input{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#0000004d;border-radius:10px;padding:12px 16px;font-size:.95rem;transition:all .25s}.form-input:focus{border-color:var(--accent-indigo);background:#00000080;outline:none;box-shadow:0 0 10px #6366f14d}.btn-primary{background:linear-gradient(135deg, var(--accent-indigo), #4f46e5);color:#fff;width:100%;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-primary:active{transform:translateY(0)}.auth-error{color:#fda4af;background:#f43f5e26;border:1px solid #f43f5e4d;border-radius:8px;margin-bottom:20px;padding:12px;font-size:.9rem}.dashboard-layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a0f1ed9;flex-direction:column;width:280px;height:100vh;padding:30px 20px;display:flex;position:fixed}.sidebar-header{align-items:center;gap:12px;margin-bottom:40px;display:flex}.sidebar-logo{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent-cyan), var(--accent-indigo));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.6rem;font-weight:800}.user-badge{color:#c7d2fe;text-transform:uppercase;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{color:var(--text-primary);background:linear-gradient(135deg,#6366f126,#06b6d41a);border-color:#6366f14d;box-shadow:inset 0 0 12px #6366f10d}.sidebar-footer{border-top:1px solid var(--border-glass);margin-top:auto;padding-top:20px}.profile-summary{align-items:center;gap:12px;margin-bottom:16px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-indigo));width:40px;height:40px;font-weight:700;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-details{flex-direction:column;font-size:.85rem;display:flex}.profile-name{font-weight:600}.profile-email{color:var(--text-secondary);font-size:.75rem}.btn-logout{color:#fda4af;cursor:pointer;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:8px;width:100%;padding:10px;font-weight:600;transition:all .2s}.btn-logout:hover{background:#f43f5e33;border-color:#f43f5e66}.main-content{flex-grow:1;width:calc(100% - 280px);margin-left:280px;padding:40px}.page-header{margin-bottom:32px}.page-title{font-family:var(--font-display);margin-bottom:6px;font-size:2rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:.95rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 20px #0003}.stat-card:hover{box-shadow:0 15px 30px #0000004d, var(--shadow-glow);border-color:#6366f166;transform:translateY(-4px)}.stat-card:before{content:"";background:var(--accent-indigo);width:4px;height:100%;position:absolute;top:0;left:0}.stat-card.cyan:before{background:var(--accent-cyan)}.stat-card.emerald:before{background:var(--accent-emerald)}.stat-card.rose:before{background:var(--accent-rose)}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.85rem;font-weight:500}.stat-value{font-family:var(--font-display);margin-bottom:6px;font-size:2.2rem;font-weight:800}.stat-desc{color:var(--text-secondary);font-size:.8rem}.table-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:16px;margin-bottom:40px;padding:24px;box-shadow:0 15px 30px #0003}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-input-wrapper{flex-grow:1;max-width:360px;position:relative}.table-search{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);background:#0003;border-radius:8px;padding:10px 16px;font-size:.9rem}.table-search:focus{border-color:var(--accent-indigo);outline:none}.table-filters{gap:12px;display:flex}.table-filter-select{border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;background:#0003;border-radius:8px;outline:none;padding:10px 16px;font-size:.9rem}.table-filter-select option{background:#0f172a}.responsive-table{width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.custom-table th{border-bottom:1px solid var(--border-glass);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:.75rem;font-weight:600}.custom-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:16px}.custom-table tbody tr{transition:all .2s}.custom-table tbody tr:hover{background:#ffffff05}.status-badge{border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.success{color:#a7f3d0;background:#10b98126;border:1px solid #10b98133}.status-badge.warning{color:#fde68a;background:#f59e0b26;border:1px solid #f59e0b33}.status-badge.danger{color:#fecdd3;background:#f43f5e26;border:1px solid #f43f5e33}.status-badge.info{color:#c5f2f7;background:#06b6d426;border:1px solid #06b6d433}.status-badge.secondary{color:#e5e7eb;background:#9ca3af26;border:1px solid #9ca3af33}.action-select{border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;background:#0000004d;border-radius:6px;outline:none;max-width:150px;padding:6px 12px;font-size:.8rem}.action-select option{background:#0f172a}.btn-action{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-action.ban{color:#fda4af;background:#f43f5e26;border-color:#f43f5e4d}.btn-action.ban:hover{background:#f43f5e4d}.btn-action.unban{color:#a7f3d0;background:#10b98126;border-color:#10b9814d}.btn-action.unban:hover{background:#10b9814d}.chat-container{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:16px;height:calc(100vh - 160px);display:flex;overflow:hidden;box-shadow:0 15px 30px #0003}.chat-sidebar{border-right:1px solid var(--border-glass);flex-direction:column;width:320px;display:flex}.chat-sidebar-header{border-bottom:1px solid var(--border-glass);padding:20px}.chat-sidebar-search{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);background:#0003;border-radius:6px;padding:8px 12px;font-size:.85rem}.chat-list{flex-grow:1;overflow-y:auto}.chat-user-item{cursor:pointer;border-bottom:1px solid #ffffff05;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:flex}.chat-user-item:hover{background:#ffffff05}.chat-user-item.active{border-left:4px solid var(--accent-indigo);background:#6366f11a}.chat-user-avatar{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-indigo));width:44px;height:44px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-user-info{flex-grow:1;min-width:0}.chat-user-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.9rem;font-weight:600;overflow:hidden}.chat-user-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.chat-main{background:#00000026;flex-direction:column;flex-grow:1;display:flex}.chat-main-header{border-bottom:1px solid var(--border-glass);background:#0a0f1e80;justify-content:space-between;align-items:center;padding:20px;display:flex}.chat-active-user{align-items:center;gap:12px;display:flex}.chat-messages-area{flex-direction:column;flex-grow:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-no-active{color:var(--text-secondary);flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:16px;display:flex}.chat-bubble-wrapper{flex-direction:column;max-width:70%;display:flex}.chat-bubble-wrapper.support{align-self:flex-end}.chat-bubble-wrapper.user{align-self:flex-start}.chat-bubble{border-radius:16px;padding:12px 18px;font-size:.9rem;line-height:1.4}.chat-bubble-wrapper.support .chat-bubble{background:linear-gradient(135deg, var(--accent-indigo), #4f46e5);color:#fff;border-bottom-right-radius:4px}.chat-bubble-wrapper.user .chat-bubble{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-glass);border-bottom-left-radius:4px}.chat-time{color:var(--text-secondary);margin-top:4px;margin-left:4px;font-size:.7rem}.chat-bubble-wrapper.support .chat-time{align-self:flex-end;margin-right:4px}.chat-input-area{border-top:1px solid var(--border-glass);background:#0a0f1e80;padding:20px}.chat-input-form{gap:12px;display:flex}.chat-text-input{border:1px solid var(--border-glass);color:var(--text-primary);font-family:var(--font-sans);background:#0000004d;border-radius:10px;outline:none;flex-grow:1;padding:12px 18px;font-size:.9rem}.chat-text-input:focus{border-color:var(--accent-indigo)}.btn-send{background:var(--accent-indigo);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-weight:600;transition:all .2s}.btn-send:hover{background:#4f46e5;box-shadow:0 0 15px #6366f166}.log-card{font-family:Courier New,Courier,monospace}.log-entry{cursor:pointer;border-bottom:1px solid #ffffff0a;padding:10px 16px;font-size:.8rem;transition:all .15s}.log-entry:hover{background:#ffffff05}.log-header-row{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.log-timestamp{color:var(--accent-cyan)}.log-action{font-weight:700}.log-action.GET{color:var(--accent-emerald)}.log-action.POST{color:var(--accent-cyan)}.log-action.PUT{color:#f59e0b}.log-action.DELETE{color:var(--accent-rose)}.log-action.PATCH{color:#8b5cf6}.log-endpoint{color:var(--text-primary);font-weight:600}.log-ip{color:var(--text-secondary)}.log-details-block{border:1px solid var(--border-glass);color:#38bdf8;white-space:pre-wrap;word-break:break-all;background:#00000080;border-radius:6px;margin-top:10px;padding:12px;font-size:.75rem}.text-center{text-align:center}.text-right{text-align:right}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.loading-spinner{border:3px solid #ffffff4d;border-top-color:var(--text-primary);border-radius:50%;width:24px;height:24px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.dashboard-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-glass);width:100%;height:auto;padding:20px;position:relative}.main-content{width:100%;margin-left:0;padding:20px}.chat-container{flex-direction:column;height:auto}.chat-sidebar{border-right:none;border-bottom:1px solid var(--border-glass);width:100%;max-height:250px}}