.card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}
.glass{background:linear-gradient(145deg,rgba(25,17,27,.78),rgba(8,6,10,.78));border:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.glow-border{box-shadow:0 0 0 1px rgba(255,47,146,.08),0 20px 70px rgba(0,0,0,.25)}
.icon-button svg,.menu-button svg,.primary-button svg,.secondary-button svg,.text-link svg{width:16px;height:16px;flex-shrink:0}
.primary-button svg,.secondary-button svg{margin-inline-start:7px}
.server-main{position:relative;z-index:2}
.server-identity{min-width:0}
.server-identity strong{white-space:nowrap}
.server-state{white-space:nowrap}
.server-footer .primary-button{min-width:140px}
.quick-card{min-width:0}
.quick-content{min-width:0}
.quick-card small,.category-content p,.category-last{overflow:hidden;text-overflow:ellipsis}
.forum-category{cursor:pointer}
.forum-category .category-arrow{position:absolute;left:22px;bottom:20px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;color:var(--text-3);transition:all .3s var(--ease)}
.forum-category:hover .category-arrow{color:var(--pink-2);border-color:var(--border-pink);background:var(--pink-soft);transform:translateX(-4px)}
.activity-panel{min-height:200px}
.activity-item{cursor:pointer}
.activity-icon svg{width:17px;height:17px}
.activity-content{overflow:hidden}
.activity-title:hover{color:var(--pink-2)}
.online-panel,.staff-panel{min-height:320px}
.online-head strong,.panel-title strong{font-size:13px}
.online-head small,.panel-title small{display:block;margin-top:2px;color:var(--text-3);font-size:8px}
.online-avatars .avatar{position:relative;transition:transform .25s var(--ease)}
.online-avatars .avatar:hover{z-index:2;transform:translateY(-4px) scale(1.08)}
.event-card{cursor:pointer}
.event-card h3,.event-card p{position:relative;z-index:2}
.event-meta{position:relative;z-index:2}
.event-meta strong{color:var(--text-2)}
.ranking-panel{min-height:300px}
.ranking-tab{cursor:pointer}
.ranking-item{cursor:pointer}
.ranking-user{min-width:0}
.ranking-user>div:last-child{min-width:0}
.ranking-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stats-grid .stat-card{transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.stats-grid .stat-card:hover{transform:translateY(-4px)}
.stat-card strong{font-variant-numeric:tabular-nums}
.cta-actions .primary-button,.cta-actions .secondary-button{min-width:150px}
.footer-brand{min-width:240px}
.footer-links a{display:inline-flex;align-items:center;min-height:25px}
.search-dialog-head button,.notification-head button{cursor:pointer}
.search-results:empty{min-height:100px}
.search-result{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}
.search-result:hover{background:rgba(255,47,146,.04)}
.search-result-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:var(--pink-soft);color:var(--pink-2)}
.search-result-content{min-width:0;flex:1}
.search-result-title{display:block;overflow:hidden;color:var(--text);font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.search-result-meta{display:flex;gap:8px;margin-top:3px;color:var(--text-3);font-size:8px}
.search-result-arrow{color:var(--text-3)}
.notification-button{cursor:pointer}
.notification-panel .notification-item{cursor:pointer}
.notification-panel .notification-item:last-child{border-bottom:0}
.notification-dot{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink)}
.modal-actions .primary-button,.modal-actions .secondary-button{min-width:120px}
.close-button{cursor:pointer}
.state-loading{width:100%}
.state-card strong{font-size:12px;color:var(--text-2)}
.state-card p{max-width:360px;color:var(--text-3);font-size:9px;text-align:center}
.empty-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--border-pink);border-radius:16px;background:var(--pink-soft);color:var(--pink-2);font-size:20px}
.form-group{display:flex;flex-direction:column;gap:7px}
.form-group label{color:var(--text-2);font-size:10px;font-weight:700}
.form-input,.form-textarea,.form-select{width:100%;border:1px solid var(--border);border-radius:14px;outline:0;background:rgba(255,255,255,.025);color:var(--text);transition:border-color .25s,box-shadow .25s,background .25s}
.form-input,.form-select{height:46px;padding:0 14px}
.form-textarea{min-height:120px;padding:12px 14px;resize:vertical}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-pink);background:rgba(255,47,146,.025);box-shadow:0 0 25px rgba(255,47,146,.07)}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-3)}
.form-select option{background:#100b12;color:#fff}
.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);color:var(--text-2);font-size:8px;font-weight:800}
.badge-pink{border-color:var(--border-pink);background:var(--pink-soft);color:var(--pink-2)}
.badge-success{border-color:rgba(85,230,165,.2);background:rgba(85,230,165,.045);color:var(--success)}
.badge-warning{border-color:rgba(255,199,92,.2);background:rgba(255,199,92,.045);color:var(--warning)}
.badge-danger{border-color:rgba(255,93,120,.2);background:rgba(255,93,120,.045);color:var(--danger)}
.status-online{color:var(--success)}
.status-offline{color:var(--danger)}
.status-away{color:var(--warning)}
.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;animation:componentPulse 2s infinite}
.tooltip{position:relative}
.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:rgba(8,6,10,.96);color:var(--text-2);font-size:8px;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:all .2s;pointer-events:none;z-index:20}
.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.divider{height:1px;background:var(--border)}
.skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.045);border-radius:10px}
.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:skeletonMove 1.5s infinite}
.skeleton-line{height:10px;margin-bottom:8px}
.skeleton-line:last-child{width:60%;margin-bottom:0}
.skeleton-avatar{width:40px;height:40px;border-radius:50%}
.skeleton-card{height:150px}
.hidden{display:none!important}
.no-scroll{overflow:hidden!important}
@keyframes componentPulse{0%,100%{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}
@keyframes skeletonMove{100%{transform:translateX(100%)}}
@media(max-width:800px){.server-identity strong{font-size:14px}.forum-category .category-arrow{left:18px;bottom:17px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions>*{width:100%}.footer-brand{min-width:0}.tooltip:after{display:none}}
@media(max-width:520px){.server-state{font-size:9px}.server-footer{padding-inline:20px}.quick-card{padding:16px}.forum-category .category-arrow{display:none}.event-card{min-height:190px;padding:20px}.ranking-score{font-size:10px}.stat-card{padding:20px 12px}.stat-card strong{font-size:24px}.form-actions{margin-top:14px}}