.user-profile-page{min-height:100vh;padding-top:80px}.profile-container{z-index:10;grid-template-columns:280px 1fr;gap:2rem;max-width:1200px;margin:-4rem auto 0;padding:0 1.5rem 3rem;display:grid;position:relative}.profile-main{flex-direction:column;gap:2rem;min-width:0;display:flex}.profile-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.section-title{color:var(--text);border-bottom:1px solid var(--border);margin:0 0 1.5rem;padding-bottom:1rem;font-size:1.25rem;font-weight:700}
.profile-banner{background:linear-gradient(135deg,#5865f24d,#8b5cf64d);height:200px;position:relative;overflow:hidden}.profile-banner:before{content:"";z-index:1;background:linear-gradient(#0000 0%,#00000080 100%);position:absolute;inset:0}.profile-banner img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;left:0}
.profile-sidebar{flex-direction:column;gap:1.5rem;display:flex}.profile-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.profile-avatar-section{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-avatar-large{background:var(--bg-tertiary);border:6px solid var(--bg-secondary);width:120px;height:120px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:2.5rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 8px 24px #0006}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-name{color:var(--text);word-break:break-word;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.profile-name-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.profile-bio{color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.6}.profile-meta{flex-direction:column;gap:.75rem;display:flex}.profile-meta-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.profile-meta-item svg{color:var(--primary);flex-shrink:0}
.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.profile-stat-card{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;transition:all .2s;display:flex}.profile-stat-card:hover{border-color:var(--primary);transform:translateY(-2px)}.profile-stat-card svg{color:var(--primary);flex-shrink:0}.stat-value{color:var(--text);font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:.875rem}
.reviews-list{flex-direction:column;gap:1rem;display:flex}.review-card-compact{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;transition:all .2s}.review-card-compact:hover{border-color:var(--primary)}.review-compact-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.review-server-link{color:var(--text);font-weight:600;text-decoration:none;transition:color .2s}.review-server-link:hover{color:var(--primary)}.review-rating{font-size:.875rem}.review-compact-content{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:.9375rem;line-height:1.6;display:-webkit-box;overflow:hidden}.review-compact-date{color:var(--text-muted);font-size:.8125rem}
@media (max-width:968px){.profile-container{grid-template-columns:1fr;gap:1.5rem;margin-top:-3rem}.profile-sidebar{width:100%;max-width:400px;margin:0 auto}}@media (max-width:768px){.user-profile-page{padding-top:60px}.profile-banner{height:150px}.profile-container{margin-top:-2.5rem;padding:0 1rem 2rem}.profile-avatar-large{border-width:4px;width:100px;height:100px;font-size:2rem}.profile-name{font-size:1.25rem}.profile-stats-grid{grid-template-columns:1fr}.profile-stat-card{text-align:left;flex-direction:row;justify-content:flex-start;gap:1rem}.stat-value{font-size:1.5rem}.section-title{font-size:1.125rem}.review-compact-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width:480px){.profile-banner{height:120px}.profile-container{margin-top:-2rem}.profile-avatar-large{width:80px;height:80px;font-size:1.75rem}.profile-name{font-size:1.125rem}.profile-card,.profile-section{padding:1rem}.stat-value{font-size:1.25rem}}

.ticket-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.ticket-badge-icon{font-size:1rem}.ticket-badge-blue{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.ticket-badge-yellow{color:#eab308;background:#eab3081a;border:1px solid #eab30833}.ticket-badge-orange{color:#f97316;background:#f973161a;border:1px solid #f9731633}.ticket-badge-red{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;animation:2s ease-in-out infinite pulse-red}.ticket-badge-green{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.ticket-badge-gray{color:#9ca3af;background:#9ca3af1a;border:1px solid #9ca3af33}.ticket-badge-category{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}
.ticket-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;padding:1.5rem;text-decoration:none;transition:all .2s;display:block}.ticket-card:hover{background:var(--card-hover);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #5865f226}.ticket-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ticket-card-number{color:var(--primary);border-radius:var(--radius-sm);background:#5865f21a;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.ticket-card-badges{flex-wrap:wrap;gap:.5rem;display:flex}.ticket-card-body{margin-bottom:1rem}.ticket-card-subject{color:var(--text);margin:0 0 .75rem;font-size:1.125rem;font-weight:600;line-height:1.4}.ticket-card-meta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ticket-card-messages{color:var(--text-muted);font-size:.875rem}.ticket-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.ticket-card-user{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.ticket-card-date{color:var(--text-muted);font-size:.75rem}.ticket-card-assigned{border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.875rem;display:flex}.ticket-card-assigned-label{font-weight:500}
.ticket-filters{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.ticket-filters-search{margin-bottom:1rem}.ticket-filters-selects{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}
.tickets-page{min-height:60vh;padding:2rem 0}.tickets-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.tickets-header h1{color:var(--text);margin:0;font-size:2rem;font-weight:700}.tickets-content{margin-top:2rem}.tickets-count{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem;font-weight:500}.tickets-list{gap:1rem;margin-bottom:2rem;display:grid;position:relative}.tickets-list-loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;border-radius:var(--radius);background:#0a0a0fcc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tickets-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 0;display:flex}.tickets-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 0;display:flex}.tickets-error p{color:var(--error);font-size:1.125rem}.tickets-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;display:flex}.tickets-empty-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.tickets-empty h2{color:var(--text);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.tickets-empty p{color:var(--text-muted);margin:0 0 1.5rem}
.ticket-detail{max-width:900px;margin:0 auto;padding:2rem 0}
.ticket-detail-loading,.ticket-detail-error{text-align:center;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 0;display:flex}.ticket-detail-closed{color:var(--text-muted);border-radius:var(--radius);text-align:center;background:#9ca3af1a;border:1px solid #9ca3af4d;padding:1.5rem;font-weight:500}
.ticket-detail-header{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:2rem;padding:2rem}.ticket-detail-header-top{margin-bottom:1.5rem}.ticket-detail-back{color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:color .2s}.ticket-detail-back:hover{color:var(--primary)}.ticket-detail-header-main{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;display:flex}.ticket-detail-title{color:var(--text-muted);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.ticket-detail-subject{color:var(--text);margin:0;font-size:1.75rem;font-weight:700}.ticket-detail-badges{flex-wrap:wrap;gap:.5rem;display:flex}.ticket-detail-meta{border-top:1px solid var(--border);flex-wrap:wrap;gap:2rem;padding-top:1.5rem;font-size:.875rem;display:flex}.ticket-detail-meta-item{align-items:center;gap:.5rem;display:flex}.ticket-detail-meta-label{color:var(--text-muted);font-weight:500}.ticket-detail-assigned{align-items:center;gap:.5rem;display:flex}.ticket-detail-actions{border-top:1px solid var(--border);align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.ticket-detail-status-loading{color:var(--text-muted);font-size:.875rem}
.ticket-detail-messages{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:2rem;padding:2rem}.ticket-detail-messages-title{color:var(--text);margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.ticket-detail-messages-list{flex-direction:column;gap:1.5rem;display:flex}.ticket-message{gap:1rem;display:flex}.ticket-message.staff .ticket-message-content{border-left:3px solid var(--accent);background:#8b5cf61a}.ticket-message-avatar{cursor:pointer;flex-shrink:0;text-decoration:none;transition:opacity .2s}.ticket-message-avatar:hover{opacity:.8}.ticket-message-content{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);flex:1;padding:1rem}.ticket-message-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.ticket-message-author{color:var(--text);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.ticket-message-author:hover{color:var(--primary)}.ticket-message-badge{background:var(--accent);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;font-size:.625rem;font-weight:700;display:inline-block}.ticket-message-date{color:var(--text-muted);font-size:.75rem}.ticket-message-text{color:var(--text);white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;line-height:1.6}
.ticket-detail-reply{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:2rem;padding:2rem}.ticket-detail-reply-title{color:var(--text);margin:0 0 1rem;font-size:1.125rem;font-weight:600}.ticket-detail-reply-error{color:var(--error);border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef44444d;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.ticket-detail-reply-warning{color:#f59e0b;border-radius:var(--radius-sm);background:#fbbf241a;border:1px solid #fbbf244d;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.ticket-detail-reply-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;color:var(--text);resize:vertical;margin-bottom:1rem;padding:.75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.ticket-detail-reply-textarea:focus{border-color:var(--primary);outline:none}.ticket-detail-reply-textarea:disabled{opacity:.6;cursor:not-allowed}.ticket-detail-reply-actions{justify-content:flex-end;display:flex}.ticket-detail-reply-closed{text-align:center;background:var(--bg-secondary);border-radius:var(--radius);padding:2rem}.ticket-detail-reply-closed h3{color:var(--text);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.ticket-detail-reply-closed p{color:var(--text-muted);font-size:.875rem}

.ticket-create-page{max-width:800px;margin:0 auto;padding:2rem 0}.ticket-create-header{margin-bottom:2rem}.ticket-create-header h1{color:var(--text);margin:0;font-size:2rem;font-weight:700}.ticket-form{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.ticket-form-error{color:#ef4444;border-radius:var(--radius);background:#ef44441a;border:1px solid #ef44444d;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.ticket-form-field{margin-bottom:1.5rem}.ticket-form-label{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.ticket-form-help{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.ticket-form-textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;color:var(--text);resize:vertical;padding:.75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.ticket-form-textarea:focus{border-color:var(--primary);outline:none}.ticket-form-textarea.error{border-color:#ef4444}.ticket-form-textarea:disabled{opacity:.6;cursor:not-allowed}.ticket-form-error-text{color:#ef4444;margin-top:.25rem;font-size:.75rem;display:block}.ticket-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}
@media (max-width:768px){.tickets-header{flex-direction:column;align-items:flex-start;gap:1rem}.tickets-header h1{font-size:1.5rem}.ticket-filters-selects{grid-template-columns:1fr}.ticket-card{padding:1rem}.ticket-card-subject{font-size:1rem}.ticket-card-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.ticket-form{padding:1rem}.ticket-create-page{padding:1rem 0}.ticket-create-header h1{font-size:1.5rem}.ticket-detail{padding:1rem 0}.ticket-detail-header{padding:1rem}.ticket-detail-header-main{flex-direction:column;gap:1rem}.ticket-detail-subject{font-size:1.25rem}.ticket-detail-meta{flex-direction:column;gap:.75rem}.ticket-detail-messages{padding:1rem}.ticket-message{flex-direction:column;gap:.5rem}.ticket-detail-reply{padding:1rem}.ticket-form-actions{flex-direction:column}.ticket-form-actions button{width:100%}}

@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(20px,-20px)scale(1.05)}50%{transform:translate(-10px,20px)scale(.95)}75%{transform:translate(-20px,-10px)scale(1.02)}}@keyframes glitch{0%,90%,to{opacity:1}92%{opacity:.8}94%{opacity:1}96%{opacity:.9}}@keyframes glitch-1{0%{transform:translate(0)}to{transform:translate(-5px)}}@keyframes glitch-2{0%{transform:translate(0)}to{transform:translate(5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(0)}10%{opacity:.8;transform:scale(1)}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)scale(.5)}}
.not-found{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;display:flex;position:relative;overflow:hidden}.not-found-content{text-align:center;z-index:1;position:relative}.not-found h1{color:var(--text);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.not-found p{color:var(--text-muted);max-width:400px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.not-found-hint{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.not-found-hint span{color:var(--text-muted)}.not-found-hint code{color:var(--error);font-family:SF Mono,Monaco,monospace}
.not-found-bg{position:absolute;inset:0;overflow:hidden}.not-found-orb{filter:blur(80px);opacity:.5;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.orb-1{background:var(--primary);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.orb-2{background:var(--accent);width:300px;height:300px;animation-delay:-2s;bottom:-50px;right:-50px}.orb-3{background:var(--error);opacity:.3;width:200px;height:200px;animation-delay:-4s;top:50%;left:50%;transform:translate(-50%,-50%)}
.not-found-glitch{background:linear-gradient(135deg,var(--primary)0%,var(--accent)50%,var(--error)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(6rem,20vw,12rem);font-weight:900;line-height:1;animation:3s infinite glitch;position:relative}.not-found-glitch:before,.not-found-glitch:after{content:attr(data-text);background:linear-gradient(135deg,var(--primary)0%,var(--accent)50%,var(--error)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:100%;height:100%;position:absolute;top:0;left:0}.not-found-glitch:before{clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:.3s linear infinite alternate-reverse glitch-1}.not-found-glitch:after{clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:.3s linear infinite alternate-reverse glitch-2}.not-found-icon{width:80px;height:80px;color:var(--text-muted);margin:1.5rem auto;animation:2s ease-in-out infinite bounce}.not-found-icon svg{width:100%;height:100%}
.not-found-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:var(--primary);width:4px;height:4px;left:var(--x);opacity:0;animation:rise var(--duration)var(--delay)infinite;border-radius:50%;position:absolute;bottom:-10px}.particle:nth-child(odd){background:var(--accent)}.particle:nth-child(3n){background:var(--error);width:3px;height:3px}


@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:.8;transform:translate(-50%)scale(1.1)}}@keyframes scroll-wheel{0%,to{opacity:1;transform:translate(-50%)translateY(0)}50%{opacity:.3;transform:translate(-50%)translateY(12px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
.hero-v2{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:4rem 1rem;display:flex;position:relative;overflow:hidden}.hero-compact{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:3rem 1rem;display:flex;position:relative}.hero-compact .hero-content{text-align:center;width:100%;max-width:1280px}.hero-compact h1{color:var(--text);margin-bottom:1.5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.hero-content{text-align:center;z-index:1;max-width:800px;position:relative}.hero-v2 h1{margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;animation:.6s ease-out .1s both fade-in-up}.hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem;line-height:1.6;animation:.6s ease-out .2s both fade-in-up}.hero-highlight{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-featured{width:100%;margin-top:3rem}.hero-featured-header{color:var(--warning);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.hero-featured-header h2{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.hero-featured-header svg{color:var(--warning)}
.hero-bg-grid{background-image:linear-gradient(#5865f208 1px,#0000 1px),linear-gradient(90deg,#5865f208 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 70%);mask-image:radial-gradient(#000 0%,#0000 70%)}.hero-glow-primary{pointer-events:none;background:radial-gradient(#5865f226 0%,#0000 60%);width:800px;height:600px;animation:8s ease-in-out infinite pulse-glow;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-glow-accent{pointer-events:none;background:radial-gradient(#8b5cf61a 0%,#0000 60%);width:600px;height:600px;animation:8s ease-in-out infinite reverse pulse-glow;position:absolute;bottom:-100px;right:-200px}
.hero-badge{color:var(--primary-light);background:#5865f21a;border:1px solid #5865f233;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;animation:.6s ease-out fade-in-up;display:inline-flex}
.hero-search-wrapper{max-width:700px;margin:0 auto;animation:.6s ease-out .3s both fade-in-up}.hero-search-form{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.5rem;max-width:560px;margin:0 auto;padding:.5rem;transition:all .3s;display:flex}.hero-search-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #5865f21a}.hero-search-form svg{color:var(--text-muted);flex-shrink:0;margin-left:.75rem}.hero-search-form input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.75rem;font-size:1rem}.hero-search-form input::placeholder{color:var(--text-muted)}.hero-search-form .btn{flex-shrink:0}.hero-search-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;font-size:.875rem;display:flex}.hero-search-tags span{color:var(--text-muted)}.hero-search-tags a{color:var(--text);background:var(--bg-tertiary);border-radius:100px;padding:.25rem .75rem;transition:all .2s}.hero-search-tags a:hover{background:var(--card-hover);color:var(--primary)}@media (max-width:640px){.hero-search-form{flex-direction:column;gap:.75rem;padding:.75rem}.hero-search-form svg{display:none}.hero-search-form input{text-align:center;padding:.5rem}.hero-search-form .btn{width:100%}.hero-search-tags{flex-direction:column;gap:.5rem}.hero-search-tags a{text-align:center;padding:.5rem 1rem;display:block}}
.hero-stats{justify-content:center;align-items:center;gap:2rem;margin-top:3rem;animation:.6s ease-out .4s both fade-in-up;display:flex}.hero-stat{text-align:center}.hero-stat-value{background:linear-gradient(135deg,var(--text)0%,var(--text-muted)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.hero-stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.hero-stat-divider{background:var(--border);width:1px;height:40px}
.hero-scroll-indicator{animation:1s ease-out 1s both fade-in;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll-mouse{border:2px solid var(--border);border-radius:12px;width:24px;height:40px;position:relative}.hero-scroll-wheel{background:var(--text-muted);border-radius:2px;width:4px;height:8px;animation:2s ease-in-out infinite scroll-wheel;position:absolute;top:8px;left:50%;transform:translate(-50%)}
@media (max-width:600px){.hero-stats{flex-direction:column;gap:1.5rem}.hero-stat-divider{width:60px;height:1px}.hero-search-form{flex-direction:column;padding:1rem}.hero-search-form input{text-align:center;width:100%}.hero-search-form .btn{width:100%}}

.features-section{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:5rem 1rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:2rem;transition:all .3s}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 40px #0003}.feature-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.25rem;display:flex}.feature-card h3{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.feature-card p{color:var(--text-muted);font-size:.875rem;line-height:1.6}@media (max-width:900px){.features-grid{grid-template-columns:1fr}}
.categories-section-v2{padding:5rem 1rem}.section-header-center{text-align:center;margin-bottom:3rem}.section-header-center h2{margin-bottom:.5rem;font-size:2rem;font-weight:700}.section-header-center p{color:var(--text-muted);font-size:1.125rem}.categories-grid-v2{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:900px;margin:0 auto;display:grid}.category-card-v2{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.category-card-v2:hover{border-color:var(--primary);background:var(--card-hover);transform:translate(4px)}.category-card-v2:hover .category-arrow{opacity:1;transform:translate(0)}.category-icon-v2{font-size:1.5rem}.category-name-v2{flex:1;font-weight:500}.category-arrow{color:var(--primary);opacity:0;transition:all .2s;transform:translate(-8px)}.categories-more{text-align:center;margin-top:2rem}@media (max-width:768px){.categories-grid-v2{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.categories-grid-v2{grid-template-columns:1fr}}
.section-title-wrapper{align-items:center;gap:1rem;display:flex}.section-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.section-title{margin:0;font-size:1.5rem;font-weight:700}.section-subtitle{color:var(--text-muted);margin:0;font-size:.875rem}
.cta-section{text-align:center;padding:6rem 1rem;position:relative;overflow:hidden}.cta-bg{background:linear-gradient(135deg,#5865f21a 0%,#8b5cf61a 100%);position:absolute;inset:0}.cta-content{max-width:600px;margin:0 auto;position:relative}.cta-section h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta-section p{color:var(--text-muted);margin-bottom:2rem;font-size:1.125rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (max-width:600px){.cta-section h2{font-size:1.75rem}}
.all-servers-section{padding:2rem 1rem 3rem}.filters-tags,.filter-group{margin-bottom:1.5rem}.filter-group:last-child{margin-bottom:0}.filter-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.filter-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.filter-tag{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.filter-tag:hover{background:var(--bg-hover);border-color:var(--primary)}.filter-tag.active{background:var(--primary);border-color:var(--primary);color:#fff}.view-toggle-container{justify-content:flex-end;margin-bottom:1.5rem;display:flex}.empty-servers{text-align:center;color:var(--text-muted);padding:4rem 1rem}.empty-servers p{font-size:1.125rem}.home-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:3rem;display:flex}.pagination-info{color:var(--text-muted);text-align:center;min-width:150px;font-size:.875rem}@media (max-width:640px){.home-pagination{flex-direction:column;gap:.5rem}}

.dashboard-page{max-width:1200px;margin:0 auto;padding:2rem 1rem}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.page-title{color:#f3f4f6;font-size:1.75rem;font-weight:700}.section-title{color:#e5e7eb;margin-bottom:1rem;font-size:1.25rem;font-weight:600}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-primary{color:var(--primary);background:#5865f226}.stat-icon-success{color:var(--success);background:#57f28726}.stat-icon-accent{color:var(--accent);background:#8b5cf626}.stat-icon-warning{color:var(--warning);background:#f59e0b26}.stat-info{flex:1}.stat-value{color:var(--foreground);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:var(--foreground-muted);font-size:.875rem}.stat-sublabel{color:var(--foreground-muted);opacity:.7;margin-top:.25rem;font-size:.75rem}
.servers-list{flex-direction:column;gap:.75rem;display:flex;overflow:visible}.server-row{align-items:center;gap:1rem;padding:1rem;display:flex;position:relative;overflow:visible}
.server-icon{background:var(--background-tertiary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.server-icon img{object-fit:cover;width:100%;height:100%}.server-icon span{color:var(--foreground-muted);font-size:1.25rem;font-weight:600}.server-info{flex:1;min-width:0}.server-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.server-name{color:var(--foreground);font-weight:600;text-decoration:none;transition:color .2s}.server-name:hover{color:var(--primary)}.server-category{color:var(--foreground-muted);font-size:.875rem}.server-ban-reason{color:var(--error);background:#ef44441a;border:1px solid #ef444433;border-radius:4px;margin:.5rem 0;padding:.5rem;font-size:.8125rem;line-height:1.4}.server-ban-reason strong{font-weight:600}.server-boost-info{color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:4px;margin:.25rem 0;padding:.375rem .5rem;font-size:.8125rem;line-height:1.4;display:inline-block}.server-boost-expiry{color:#fff9;white-space:nowrap;font-size:.75rem;font-weight:500}.server-stats{align-items:center;gap:1.5rem;display:flex}.server-stat{text-align:center}.server-stat-value{color:var(--foreground);font-weight:600;display:block}.server-stat-label{color:var(--foreground-muted);font-size:.75rem;display:block}.server-member-stats{align-items:center;gap:.75rem;margin-left:.5rem;display:flex}.member-stat{color:var(--foreground-muted);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.member-stat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.member-stat-dot-online{background:#23a55a;box-shadow:0 0 4px #23a55a80}.member-stat-dot-total{background:#80848e}.member-stat-dot-voice{background:#5865f2;box-shadow:0 0 4px #5865f280}.member-stat-value{color:var(--foreground);font-weight:600}
.server-actions{flex-shrink:0;align-items:center;gap:.375rem;margin-left:auto;display:flex;position:relative}.server-action-btn{border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:var(--bg-secondary);color:var(--text);border-radius:6px;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.server-action-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-1px)}.server-action-btn:disabled{opacity:.5;cursor:not-allowed}.server-action-btn svg{flex-shrink:0}.server-action-btn-icon{min-width:36px;min-height:36px;padding:.5rem}.server-action-btn-secondary{background:var(--bg-secondary);border-color:var(--border);color:var(--text-muted)}.server-action-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text)}.server-action-btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.server-action-btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.server-action-btn-success{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.server-action-btn-success:hover:not(:disabled){background:#22c55e33;border-color:#22c55e80}.server-action-btn-warning{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}.server-action-btn-warning:hover:not(:disabled){background:#fbbf2433;border-color:#fbbf2480}.server-action-btn-danger{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.server-action-btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.server-action-btn-muted{background:var(--bg-secondary);border-color:var(--border);color:var(--text-muted);cursor:default}.server-action-btn-muted:hover{transform:none}.server-action-btn.btn-danger{color:var(--error)!important}.server-action-btn.btn-danger:hover{background:#ef44441a!important}.server-actions-menu{position:relative}.server-actions-dropdown{background:var(--bg-secondary);border:1px solid var(--border);z-index:1000;border-radius:8px;min-width:200px;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 4px 12px #0000004d}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.dropdown-item:hover:not(:disabled){background:var(--bg-tertiary)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item svg{opacity:.7;flex-shrink:0}.dropdown-item-danger{color:var(--error)}.dropdown-item-danger:hover:not(:disabled){background:#ef44441a}.dropdown-item-danger svg{opacity:1}.dropdown-confirm{border-top:1px solid var(--border);padding:1rem}.dropdown-confirm-text{color:var(--text-muted);margin-bottom:.75rem;font-size:.8125rem;line-height:1.4}.dropdown-confirm-actions{gap:.5rem;display:flex}.dropdown-confirm-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text);cursor:pointer;border-radius:6px;flex:1;padding:.5rem;font-size:.8125rem;font-weight:500;transition:all .15s}.dropdown-confirm-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-hover)}.dropdown-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.dropdown-confirm-btn-danger{color:var(--error);background:#ef44441a;border-color:#ef44444d}.dropdown-confirm-btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480}
.bot-status-indicator{align-items:center;gap:.25rem;font-size:.75rem;display:flex}.status-icon{flex-shrink:0}.status-success,.status-text.status-success{color:var(--success)}.status-error,.status-text.status-error{color:var(--error)}.status-warning,.status-text.status-warning{color:var(--warning)}.status-muted,.status-text.status-muted{color:var(--text-muted)}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.delete-server-confirm{background:var(--background-secondary);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:1rem;margin-top:.5rem;padding:1rem;display:flex}.delete-warning{color:var(--error);background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;align-items:flex-start;gap:.75rem;padding:.875rem;display:flex}.delete-warning svg{flex-shrink:0;margin-top:.125rem}.delete-warning strong{margin-bottom:.25rem;font-weight:600;display:block}.delete-warning p{color:var(--foreground-muted);margin:0;font-size:.875rem;line-height:1.5}.delete-actions{justify-content:flex-end;gap:.5rem;display:flex}
.modal-preview{width:90%;max-width:500px}.preview-hint{color:var(--foreground-muted);text-align:center;margin-bottom:1rem;font-size:.875rem}.preview-card-wrapper{justify-content:center;display:flex}
@media (max-width:768px){.server-stats{display:none}.server-row{flex-wrap:wrap}.server-info{flex:calc(100% - 64px)}.server-actions{flex-wrap:wrap;margin-left:auto}.server-action-btn{padding:.375rem .5rem;font-size:.75rem}.server-action-btn svg{width:12px;height:12px}}@media (max-width:480px){.server-card{padding:.875rem}.server-avatar{width:48px;height:48px}.server-name{font-size:.9375rem}.server-actions{justify-content:flex-start;width:100%;margin-top:.75rem;margin-left:0}.server-action-btn{flex:1;min-width:0}.server-action-btn span{display:none}}@media (max-width:1024px){.server-member-stats{gap:.5rem}.member-stat{font-size:.75rem}.member-stat-dot{width:7px;height:7px}}@media (max-width:768px){.server-member-stats{width:100%;margin-top:.25rem;margin-left:0}}@media (max-width:480px){.server-member-stats{gap:.375rem}.member-stat{font-size:.6875rem}.member-stat-dot{width:6px;height:6px}}

.btn-ghost.btn-danger{background:0 0;color:var(--error)!important}.btn-ghost.btn-danger:hover{background:#ed42451a!important}.btn-ghost.btn-success{background:0 0;color:var(--success)!important}.btn-ghost.btn-success:hover{background:#57f2871a!important}.server-action-btn-wrapper{display:inline-block;position:relative}.permissions-tooltip{background:var(--card);border:1px solid var(--border);opacity:0;visibility:hidden;z-index:1000;pointer-events:none;border-radius:8px;min-width:220px;padding:12px;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.server-action-btn-wrapper:hover .permissions-tooltip{opacity:1;visibility:visible}.permissions-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--border);position:absolute;top:100%;left:50%;transform:translate(-50%)}.permissions-tooltip:before{content:"";border:5px solid #0000;border-top-color:var(--card);z-index:1;position:absolute;top:100%;left:50%;transform:translate(-50%)}.permissions-tooltip-title{color:var(--text);text-align:left;margin-bottom:8px;font-size:12px;font-weight:600}.permissions-tooltip-list{text-align:left;margin:0;padding:0;list-style:none}.permissions-tooltip-list li{color:var(--text-muted);padding:4px 0 4px 12px;font-size:11px;position:relative}.permissions-tooltip-list li:before{content:"•";color:var(--accent);font-weight:700;position:absolute;left:0}
.empty-state{text-align:center;padding:3rem}.empty-text{color:var(--foreground-muted);margin-bottom:1rem}

.reports-filters{background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.reports-stats{border-bottom:1px solid var(--border);gap:2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.stat-value{color:var(--text);font-size:1.5rem;font-weight:700}.filters-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.filter-group .select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;outline:none;padding:.625rem .875rem;font-size:.9375rem;transition:all .2s}.filter-group .select:hover{border-color:var(--primary)}.filter-group .select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}
.reports-table-container{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.reports-table{border-collapse:collapse;width:100%}.reports-table thead{background:var(--bg-tertiary)}.reports-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.875rem;font-weight:600}.reports-table tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.reports-table tbody tr:hover{background:var(--bg-tertiary)}.reports-table tbody tr:last-child{border-bottom:none}.reports-table td{color:var(--text);padding:1rem;font-size:.875rem}.status-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.status-badge.status-pending{color:#f59e0b;background:#f59e0b1a}.status-badge.status-resolved{color:#22c55e;background:#22c55e1a}.status-badge.status-dismissed{color:#6b7280;background:#6b72801a}.status-icon{flex-shrink:0}.server-cell{flex-direction:column;gap:.25rem;display:flex}.server-cell strong{color:var(--text)}.server-id{color:var(--text-muted);font-family:Courier New,monospace;font-size:.75rem}.reason-badge{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);padding:.25rem .625rem;font-size:.8125rem;font-weight:500;display:inline-block}.type-badge{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.25rem .625rem;font-size:.8125rem;font-weight:600;display:inline-block}.reporter-cell{color:var(--text)}.date-cell{color:var(--text-muted);font-size:.8125rem}.reports-table-loading{background:var(--bg-secondary);border-radius:var(--radius-lg);justify-content:center;align-items:center;padding:4rem;display:flex}
.report-modal{max-width:600px}.report-status-header{background:var(--bg-tertiary);border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.status-icon-large{flex-shrink:0}.status-icon-large.pending{color:#f59e0b}.status-icon-large.resolved{color:#22c55e}.status-icon-large.dismissed{color:#6b7280}.report-info-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.report-info-item{flex-direction:column;gap:.5rem;display:flex}.report-info-item.full-width{grid-column:1/-1}.report-info-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.report-info-item span{color:var(--text);font-size:.9375rem}.server-info{flex-direction:column;gap:.5rem;display:flex}.server-info strong{color:var(--text);font-size:1rem}.server-link{color:var(--primary);align-items:center;gap:.375rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.server-link:hover{color:var(--primary-hover)}.report-details-box{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text);white-space:pre-wrap;word-break:break-word;padding:1rem;font-size:.9375rem;line-height:1.6}.report-target-preview{background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--warning);margin-bottom:1.5rem;padding:1rem}.report-target-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.report-target-content{color:var(--text);font-size:.875rem;font-style:italic;line-height:1.5}.report-actions-section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.review-rating-display{gap:.25rem;margin-bottom:.75rem;font-size:1.125rem;display:flex}.review-rating-display .star-filled{color:#fbbf24}.review-rating-display .star-empty{color:var(--text-muted);opacity:.3}
@media (max-width:1024px){.reports-table-container{overflow-x:auto}.reports-table{min-width:800px}}@media (max-width:640px){.reports-stats{flex-direction:column;gap:1rem}.filters-row{grid-template-columns:1fr}.report-info-grid{grid-template-columns:1fr;gap:1rem}.report-modal{max-width:100%}}