*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0a7ea4;--primary-dark:#086a8a;--primary-light:#e6f4fe;--danger:#e74c3c;--success:#27ae60;--warning:#f39c12;--bg:#f0f2f5;--bg-card:#fff;--text:#1a1a2e;--text-light:#6b7280;--border:#e5e7eb;--sidebar-bg:#1a1a2e;--sidebar-text:#c4c4d4;--sidebar-active:#0a7ea4;--shadow:0 1px 3px #0000001a;--radius:8px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:250px;color:var(--sidebar-text);z-index:100;flex-direction:column;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:30px;padding-bottom:20px}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-link{border-radius:var(--radius);color:var(--sidebar-text);align-items:center;gap:12px;padding:10px 14px;font-size:14px;transition:all .2s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff14}.sidebar-link.active{background:var(--sidebar-active);color:#fff}.main-content{flex:1;min-height:100vh;margin-left:250px;padding:24px}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1{font-size:24px;font-weight:700}.header-right{align-items:center;gap:16px;display:flex}.admin-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.logout-btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-light);background:0 0;padding:6px 16px;font-size:13px}.logout-btn:hover{background:var(--bg)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stats-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.stats-card .label{color:var(--text-light);margin-bottom:6px;font-size:13px}.stats-card .value{font-size:28px;font-weight:700}.stats-card .change{margin-top:6px;font-size:12px}.stats-card .change.up{color:var(--success)}.stats-card .change.down{color:var(--danger)}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px}.card-header{border-bottom:1px solid var(--border);padding:16px 20px;font-size:16px;font-weight:600}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px;font-size:14px}th{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}tr:hover{background:#f9fafb}.badge{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.badge.active{color:#065f46;background:#d1fae5}.badge.banned{color:#991b1b;background:#fee2e2}.badge.inactive{color:#4b5563;background:#f3f4f6}.badge.reported,.badge.pending{color:#92400e;background:#fef3c7}.badge.closed{color:#4b5563;background:#f3f4f6}.search-bar input{border:1px solid var(--border);border-radius:var(--radius);outline:none;flex:1;padding:8px 14px;font-size:14px}.search-bar input:focus{border-color:var(--primary)}.btn{border-radius:var(--radius);cursor:pointer;border:none;padding:8px 18px;font-size:13px;font-weight:500;transition:background .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c0392b}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#219a52}.btn-warning{background:var(--warning);color:#fff}.btn-sm{padding:4px 12px;font-size:12px}.actions{gap:6px;display:flex}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);box-shadow:var(--shadow);border-radius:12px;width:100%;max-width:400px;padding:40px}.login-card h2{text-align:center;margin-bottom:24px;font-size:22px}.form-group input{border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:10px 14px;font-size:14px}.form-group input:focus{border-color:var(--primary)}.login-card .btn{width:100%;margin-top:8px;padding:12px;font-size:15px}.login-error{color:#991b1b;border-radius:var(--radius);text-align:center;background:#fee2e2;margin-bottom:16px;padding:10px;font-size:13px}.loading{color:var(--text-light);justify-content:center;align-items:center;padding:60px;display:flex}.modal-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:12px;width:90%;max-width:480px;max-height:80vh;padding:24px;overflow-y:auto}.modal h3{margin-bottom:16px}.btn-outline{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:8px 18px;font-size:13px}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-item .detail-label{color:var(--text-light);margin-bottom:2px;font-size:12px}.detail-item .detail-value{font-size:14px;font-weight:500}.hamburger{cursor:pointer;color:var(--text);background:0 0;border:none;padding:4px;font-size:22px;display:none}.role-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.role-switcher{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;outline:none;max-width:160px;padding:6px 10px;font-size:13px}textarea{font-family:inherit}.header-email{color:var(--text-light);font-size:14px}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.hamburger{display:block}.sidebar{z-index:1000;width:260px;height:100vh;padding:16px;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.sidebar-overlay{z-index:999;background:#00000080;position:fixed;inset:0}.main-content{margin-left:0;padding:12px}.header{flex-direction:column;align-items:flex-start;gap:8px}.header-right{flex-wrap:wrap;gap:8px;width:100%}.header-email{display:none}.role-switcher{max-width:120px;font-size:12px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stats-card{padding:14px}.stats-card .value{font-size:22px}.card-body{padding:12px}.card-header{padding:12px 14px;font-size:14px}table{font-size:12px}th,td{padding:8px 10px}th{font-size:11px}.detail-grid{grid-template-columns:1fr}.search-bar input{padding:6px 10px;font-size:13px}.btn{padding:6px 14px;font-size:12px}.btn-sm{padding:3px 8px;font-size:11px}.modal{width:95%;padding:16px}.modal h3{font-size:16px}.login-card{margin:16px;padding:24px}div[style*=grid-template-columns]{grid-template-columns:1fr!important}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.header h1{font-size:18px}.sidebar{width:240px;left:-260px}.sidebar.open{left:0}.stats-card .value{font-size:20px}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}:root{--premium-gradient:linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ffba08 100%);--premium-gradient-2:linear-gradient(135deg, #0a7ea4 0%, #1abc9c 100%);--premium-gradient-3:linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--premium-gradient-4:linear-gradient(135deg, #e74c3c 0%, #f39c12 100%);--premium-gradient-dark:linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 100%);--premium-shadow:0 8px 32px #0000001f;--premium-shadow-hover:0 16px 48px #00000026;--premium-glow:0 0 20px #ff6b354d;--glass-bg:#ffffffe0;--glass-border:#fff6;--glass-shadow:0 8px 32px #0000000f;--card-radius:18px}body{background:linear-gradient(135deg,#f0f2f5 0%,#e8ecf1 50%,#f5f0eb 100%) fixed}.sidebar{background:linear-gradient(#0a0a14 0%,#14142a 40%,#1a1a2e 70%,#0f1a2e 100%);border-right:1px solid #ffffff0f;box-shadow:2px 0 30px #0000001a}.sidebar-user{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;margin-bottom:8px;padding:16px 14px 18px;display:flex}.sidebar-avatar{color:#fff;background:linear-gradient(135deg,#ff6b35,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sidebar-user-role{color:#ffffff80;align-items:center;gap:4px;margin-top:1px;font-size:11px;display:flex}.sidebar-logo{text-align:center;border-bottom:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:18px;display:flex}.sidebar-logo-img{object-fit:contain;max-width:100%;height:60px}.logo-text{letter-spacing:-.5px;font-size:22px;font-weight:800}.sidebar-link{border-radius:12px;margin:2px 0;padding:11px 16px;font-size:14px;font-weight:500;transition:all .25s;position:relative}.sidebar-link:before{content:"";background:var(--premium-gradient);border-radius:0 3px 3px 0;width:3px;height:20px;transition:transform .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.sidebar-link:hover{background:#ffffff12;transform:translate(3px)}.sidebar-link.active{font-weight:600;box-shadow:inset 0 1px #ffffff0d;color:#ff8c42!important;background:linear-gradient(135deg,#ff6b3526 0%,#f7931e14 100%)!important}.sidebar-link.active:before{transform:translateY(-50%)scaleY(1)}.header h1{background:linear-gradient(135deg,#0a7ea4 0%,#6366f1 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900}.role-badge{letter-spacing:.8px;text-transform:uppercase;border-radius:20px;padding:4px 14px;font-size:10px;box-shadow:0 2px 12px #0003}.role-switcher{cursor:pointer;background:#ffffffeb;border:1px solid #ffffff40;border-radius:12px;outline:none;padding:8px 14px;font-weight:500;transition:all .2s;box-shadow:0 2px 12px #0000000f}.role-switcher:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0a7ea41f}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--card-radius);background:linear-gradient(135deg,#fffffff2 0%,#fffffffa 100%);border:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a,0 1px 3px #00000005}.card:before{content:"";opacity:0;background:linear-gradient(90deg,#ff6b35,#f7931e,#ffba08,#f7931e,#ff6b35);height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.card:hover{background:linear-gradient(135deg,#fffffffa 0%,#fff5f0f2 100%);transform:translateY(-3px);box-shadow:0 12px 48px #ff6b3514,0 2px 8px #0000000a}.card:hover:before{opacity:1}.card-premium{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffffeb 0%,#fffffff5 100%);border:1px solid #ffffff80}.card-header{color:#1a1a2e;letter-spacing:.2px;background:linear-gradient(135deg,#0a7ea408 0%,#6366f108 100%);border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:20px 24px;font-size:15px;font-weight:700;display:flex}.card-body{padding:24px}.stats-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--card-radius);background:linear-gradient(135deg,#ffffffe6 0%,#fffffff2 100%);border:1px solid #ffffff80;padding:26px 24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.stats-card:before{content:"";opacity:0;background:linear-gradient(90deg,#8b5cf6,#6366f1,#0a7ea4,#6366f1,#8b5cf6);height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.stats-card:nth-child(2):before{background:linear-gradient(90deg,#ff6b35,#f7931e,#ffba08,#f7931e,#ff6b35)}.stats-card:nth-child(3):before{background:linear-gradient(90deg,#27ae60,#059669,#1abc9c,#059669,#27ae60)}.stats-card:nth-child(4):before{background:linear-gradient(90deg,#e74c3c,#f39c12,#e67e22,#f39c12,#e74c3c)}.stats-card:hover{background:linear-gradient(135deg,#fffffffa 0%,#f5f0fff2 100%);border-color:#8b5cf626;transform:translateY(-6px);box-shadow:0 16px 48px #0000001a}.stats-card:nth-child(2):hover{background:linear-gradient(135deg,#fffffffa 0%,#fff5f0f2 100%);border-color:#ff6b3526}.stats-card:nth-child(3):hover{background:linear-gradient(135deg,#fffffffa 0%,#f0fff5f2 100%);border-color:#27ae6026}.stats-card:nth-child(4):hover{background:linear-gradient(135deg,#fffffffa 0%,#fff0f0f2 100%);border-color:#e74c3c26}.stats-card:hover:before{opacity:1}.stats-card .label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.stats-card .value{background:linear-gradient(135deg,#0a7ea4 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:900;line-height:1.2}.stats-card .change{background:#27ae6014;border-radius:20px;align-items:center;gap:4px;margin-top:10px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.stats-card .change.up{color:#059669;background:#05966914}.stats-card .change.down{color:#dc2626;background:#dc262614}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-title{background:linear-gradient(135deg,#0f0f1a 0%,#2d2d5e 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900}.page-subtitle{color:#8b949e;margin-top:4px;font-size:14px;font-weight:400}.btn{cursor:pointer;letter-spacing:.2px;border:none;border-radius:12px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:after{width:200px;height:200px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn-premium{background:var(--premium-gradient);color:#fff;background-size:200% 100%;animation:3s linear infinite shimmer;box-shadow:0 4px 20px #ff6b3559}.btn-premium:hover{color:#fff;box-shadow:0 8px 30px #ff6b3580}.btn-primary{background:linear-gradient(135deg,#0a7ea4 0%,#1abc9c 100%);box-shadow:0 4px 20px #0a7ea44d}.btn-primary:hover{box-shadow:0 8px 30px #0a7ea466}.btn-danger{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);box-shadow:0 4px 20px #e74c3c4d}.btn-danger-outline{color:#e74c3c;box-shadow:none;background:0 0;border:1.5px solid #e74c3c}.btn-danger-outline:hover{color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#0000}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0;border-radius:12px;font-weight:500}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#0a7ea40a}.btn-success{background:linear-gradient(135deg,#27ae60,#059669);box-shadow:0 4px 20px #27ae604d}.table-wrapper{border-radius:12px;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%}thead{z-index:1;position:sticky;top:0}th{letter-spacing:.8px;color:#6b7280;text-transform:uppercase;background:linear-gradient(135deg,#0a7ea408,#6366f108);border-bottom:2px solid #0000000a;padding:14px 16px;font-size:11px;font-weight:700}td{vertical-align:middle;border-bottom:1px solid #00000008;padding:14px 16px;font-size:14px}tr{transition:all .2s}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:linear-gradient(135deg,#0a7ea408,#6366f105)}tbody tr{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cell-user{color:#1a1a2e;align-items:center;gap:12px;font-weight:600;display:flex}.cell-perms{color:#6b7280;font-size:13px}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;transition:transform .2s;display:flex;box-shadow:0 3px 12px #00000026}tr:hover .avatar{transform:scale(1.1)}.badge-count{background:var(--premium-gradient);color:#fff;border-radius:20px;padding:3px 14px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #ff6b3540}.empty-state{text-align:center;color:#8b949e;padding:56px 20px;font-size:15px;font-weight:500}.alert{border-radius:14px;align-items:center;gap:8px;margin-bottom:24px;padding:14px 20px;font-size:14px;font-weight:500;display:flex}.alert-success{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #065f461f;box-shadow:0 2px 12px #27ae601a}.input-select,.form-group input,.form-group select,.search-bar input{background:#fff;border:1.5px solid #00000014;border-radius:12px;outline:none;width:100%;padding:11px 16px;font-size:14px;transition:all .25s}.input-select:focus,.form-group input:focus,.form-group select:focus,.search-bar input:focus{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 0 0 4px #0a7ea41a}.search-bar{gap:12px;margin-bottom:20px;display:flex}.search-bar input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;flex:1}.form-group{margin-bottom:18px}.form-group label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.modal{background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border-radius:24px;box-shadow:0 30px 80px #0003}.modal h3{background:linear-gradient(135deg,#0a7ea4 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:22px;font-weight:800}.modal p{color:#374151;font-size:14px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2 0%,#fffffffa 100%);border:1px solid #ffffff80;border-radius:24px;box-shadow:0 20px 60px #0000001a,0 4px 20px #0000000a}.login-card h2{background:linear-gradient(135deg,#0a7ea4 0%,#6366f1 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900}.sidebar-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.badge{letter-spacing:.2px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.badge.active{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 2px 8px #27ae601a}.badge.banned{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 2px 8px #e74c3c1a}.badge.inactive,.badge.closed{color:#4b5563;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.badge.reported,.badge.pending{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 8px #f39c121a}.badge.resolved{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:22px}.card-body{padding:16px}.card-header{padding:16px;font-size:14px}.stats-card{padding:18px}.stats-card .value{font-size:26px}th,td{padding:10px 12px}.sidebar{padding:14px}}