*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-tertiary:#25253d;--text-primary:#fff;--text-secondary:#a0a0b0;--accent:#ef4444;--accent-hover:#dc2626;--success:#10b981;--warning:#eab308;--danger:#ef4444;--border:#2d2d44}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}html,body,#root{height:100%}.app{flex-direction:row;height:100vh;display:flex;overflow:hidden}.app.login-only{height:100vh;overflow:hidden}.sidebar{z-index:100;background:#111827;border-right:1px solid #1f2937;flex-direction:column;flex-shrink:0;align-items:flex-start;width:64px;height:100vh;padding:12px 0;transition:width .22s;display:flex;overflow:visible}.sidebar.expanded{width:220px}.sb-logo-row{flex-shrink:0;align-items:center;gap:10px;margin:0 8px 12px;display:flex;overflow:hidden}.sb-logo{background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:18px;display:flex;box-shadow:0 0 16px #ef44444d}.sb-logo-text{color:#f9fafb;letter-spacing:.3px;font-size:15px;font-weight:700}.sb-group{flex-direction:column;align-items:stretch;gap:1px;width:100%;padding:0 8px;display:flex}.sb-divider{background:#1f2937;flex-shrink:0;height:1px;margin:6px 12px}.sb-item{cursor:pointer;color:#6b7280;border-radius:10px;flex-shrink:0;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;text-decoration:none;transition:background .15s;display:flex;position:relative;overflow:hidden}.sb-item:hover{color:#e5e7eb;background:#1f2937}.sb-item.active{color:#3b82f6;background:#3b82f626}.sb-item.active:before{content:"";background:#3b82f6;border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;left:-8px}.sb-item-btn{text-align:left;background:0 0;border:none;padding:0 12px}.sb-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.sb-label{color:#d1d5db;white-space:nowrap;opacity:0;max-width:0;font-size:13px;font-weight:500;transition:max-width .22s,opacity .15s;overflow:hidden}.sidebar.expanded .sb-label{opacity:1;max-width:140px}.sb-item.active .sb-label{color:#93c5fd}.sb-logout .sb-label{color:#ef4444}.sb-admin-panel{z-index:9999;background:#1f2937;border:1px solid #374151;border-radius:8px;min-width:200px;padding:8px 0;transition:left .22s;position:fixed;box-shadow:0 8px 24px #0006}.sb-admin-title{text-transform:uppercase;color:#6b7280;letter-spacing:.5px;border-bottom:1px solid #374151;margin-bottom:4px;padding:4px 14px 8px;font-size:11px;font-weight:600}.sb-admin-link{color:#d1d5db;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:13px;transition:background .15s,color .15s;display:flex}.sb-admin-link:hover{color:#f9fafb;background:#ffffff0d}.sb-bottom{flex-direction:column;align-items:stretch;gap:2px;width:100%;padding:0 8px 4px;display:flex}.sb-avatar-circle{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:2px solid #374151;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative;overflow:visible}.sb-avatar-img{object-fit:cover;border-radius:50%;width:24px;height:24px}.sb-avatar-initials{color:#fff;font-size:10px;font-weight:700}.sb-owner-star{background:#eab308;border:2px solid #111827;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;line-height:1;display:flex;position:absolute;bottom:-3px;right:-3px}.sb-logout{color:#ef4444!important}.sb-logout:hover{background:#ef44441a!important}.main-content{flex:1;padding:1.5rem 2rem}@media (width<=768px){.main-content{padding:1rem 1.25rem}}@media (width<=640px){.main-content{padding:.75rem}}.sb-hamburger{display:none}@media (width<=768px){.sb-hamburger{color:#e5e7eb;cursor:pointer;z-index:1200;background:#111827;border:1px solid #1f2937;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;line-height:1;display:flex;position:fixed;top:8px;left:8px}.sb-overlay{z-index:1100;background:#0000008c;position:fixed;inset:0}.sidebar{z-index:1150;transition:transform .22s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 24px #0006;width:250px!important}.sidebar.mobile-open{transform:translate(0)}.sidebar .sb-label{opacity:1;max-width:170px}.sidebar .sb-admin-panel{width:100%;min-width:0;box-shadow:none;background:#ffffff08;margin-top:4px;position:static!important;left:auto!important}.content-scroll{padding-top:52px}}.page-container{flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;display:flex}.container{max-width:1400px;margin:0 auto}.page-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;animation:.5s cubic-bezier(.4,0,.2,1) both fadeInDown;display:flex}.page-header-inner{flex:1}.page-title{align-items:center;gap:.5rem;margin:0;font-size:1.75rem;font-weight:700}@media (width<=768px){.page-title{font-size:1.5rem}}@media (width<=640px){.page-title{font-size:1.25rem}}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;margin-bottom:1rem;padding:1.5rem;transition:border-color .3s,box-shadow .3s,transform .3s;animation:.5s cubic-bezier(.4,0,.2,1) both fadeInUp}.card:hover{border-color:#ef444433;box-shadow:0 4px 20px #0003}@media (width<=640px){.card{margin-bottom:.75rem;padding:1rem}}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:#ffffff26;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:after{width:300px;height:300px}@media (width<=640px){.btn{min-height:42px;padding:.5rem 1rem;font-size:.8rem}}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 20px #ef444473}.btn-primary:active{box-shadow:none;transform:translateY(0)scale(.97)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 16px #ef444459}.btn-warning{background:var(--warning);color:#1a1a2e}.btn-warning:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 16px #eab3084d}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 16px #10b98159}.btn-steam{color:#66c0f4;background:#171a21;border:1px solid #66c0f4;justify-content:center;align-items:center;display:inline-flex}.btn-steam:hover{color:#c7d5e0;background:#1b2838;border-color:#c7d5e0;transform:translateY(-2px);box-shadow:0 4px 16px #66c0f433}.btn-steam:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-icon{padding:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input,.form-textarea,.form-select{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (width<=640px){.form-input,.form-textarea,.form-select{font-size:1rem}}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #ef444426,0 0 20px #ef44440d}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0a0b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.form-textarea{resize:vertical;min-height:100px}.form-checkbox{align-items:center;gap:.5rem;display:flex}.form-checkbox input{width:1rem;height:1rem;accent-color:var(--accent)}.hint{color:var(--text-secondary);font-size:.75rem;line-height:1.5}.hint code{background:var(--bg-primary);border-radius:.25rem;padding:.125rem .375rem;font-family:Monaco,Consolas,monospace;font-size:.7rem}.hint strong{color:var(--text-primary);font-weight:600}.grid{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.server-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}@media (width<=768px){.server-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}}@media (width<=640px){.server-grid{grid-template-columns:1fr;gap:.75rem}}.server-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:.75rem;padding:1.25rem;transition:all .35s cubic-bezier(.4,0,.2,1);animation:.5s cubic-bezier(.4,0,.2,1) both fadeInUp;position:relative;overflow:hidden}.server-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 30px #0000004d,0 0 15px #ef44441a}.server-card:before{content:"";background:var(--server-color,var(--accent));height:4px;transition:height .3s;position:absolute;top:0;left:0;right:0}.server-card:hover:before{height:5px;box-shadow:0 2px 10px #ef44444d}.server-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.server-name{color:var(--text-primary);font-size:1.125rem;font-weight:600}.server-status{border-radius:.25rem;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}.server-status.online{color:var(--success);background:#10b98133}.server-status.offline{color:var(--danger);background:#ef444433}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px;position:relative}.server-status.online .status-dot{animation:2s ease-in-out infinite glowPulse;box-shadow:0 0 6px #10b98199}.server-info{color:var(--text-secondary);font-size:.875rem}.server-meta{border-top:1px solid var(--border);color:var(--text-secondary);gap:1rem;margin-top:1rem;padding-top:1rem;font-size:.75rem;display:flex}.player-list{flex-direction:column;gap:.5rem;display:flex}.player-item{background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s both fadeInUp;display:flex}.player-item:hover{border-color:var(--accent);box-shadow:-3px 0 0 var(--accent), 0 4px 12px #00000026;transform:translate(4px)}.player-info{flex-direction:column;gap:.25rem;display:flex}.player-name{font-weight:600}.player-steam-id{color:var(--text-secondary);font-family:monospace;font-size:.75rem}.record-type{text-transform:uppercase;border-radius:.25rem;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.record-type.ban{color:var(--danger);background:#ef444433}.record-type.warning{color:var(--warning);background:#f59e0b33}.record-type.verbal_warning{color:#3b82f6;background:#3b82f633}.record-type.age_check{color:var(--success);background:#10b98133}.record-type.wanted{color:#a855f7;background:#a855f733}.badge{text-transform:uppercase;border-radius:9999px;align-items:center;padding:.125rem .5rem;font-size:.625rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success);color:#fff}.badge-danger{background:var(--danger);color:#fff}.badge-warning{background:var(--warning);color:#1a1a2e}.modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s both overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{background:0 0}to{background:#000000bf}}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;width:100%;max-width:500px;max-height:90vh;animation:.35s cubic-bezier(.34,1.56,.64,1) both scaleInBounce;overflow-y:auto}@media (width<=640px){.modal{border-radius:.5rem;max-width:calc(100% - 1rem);max-height:95vh}}.modal.wide{max-width:800px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.modal-title{font-size:1.125rem;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.25rem}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1.25rem;display:flex}@media (width<=640px){.modal-footer{flex-direction:column-reverse;gap:.5rem;padding:1rem}.modal-footer .btn{width:100%}}.empty-state{text-align:center;color:var(--text-secondary);padding:3rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem}.alert{border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;animation:.4s both fadeInLeft;display:flex}.alert-success{border:1px solid var(--success);color:var(--success);background:#10b9811a}.alert-danger{border:1px solid var(--danger);color:var(--danger);background:#ef44441a}.alert-warning{border:1px solid var(--warning);color:var(--warning);background:#f59e0b1a}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;margin-bottom:1.5rem;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.tab:hover{color:var(--text-primary);background:#ffffff08}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.loading{justify-content:center;align-items:center;padding:3rem;animation:.3s both fadeIn;display:flex}.spinner{border:3px solid #2d2d4480;border-top-color:var(--accent);filter:drop-shadow(0 0 8px #ef44444d);border-radius:50%;width:2.5rem;height:2.5rem;margin:0 auto;animation:.7s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(calc(100% + 24px))}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;max-height:80px;margin-bottom:10px;transform:translate(0)}to{opacity:0;max-height:0;margin-bottom:0;transform:translate(calc(100% + 24px))}}@keyframes toastBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-stack{flex-direction:column;gap:10px;display:flex}.toast-stack--global{z-index:1100;width:340px;position:fixed;bottom:24px;right:24px}@media (width<=640px){.toast-stack--global{width:calc(100% - 16px);bottom:12px;left:8px;right:8px}}.toast-stack--inline{z-index:1100;width:340px;position:fixed;bottom:24px;right:24px}.toast-v2{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px 18px;animation:.35s cubic-bezier(.34,1.56,.64,1) both toastIn;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000073,0 2px 8px #0003}.toast-v2--exit{pointer-events:none;animation:.3s forwards toastOut}.toast-v2__icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toast-v2__icon svg{width:18px;height:18px}.toast-v2__body{flex-direction:column;flex:1;gap:2px;min-width:0;padding-top:1px;display:flex}.toast-v2__label{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1}.toast-v2__message{color:var(--text-primary);word-break:break-word;font-size:13.5px;line-height:1.45}.toast-v2__close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:2px;transition:color .15s,background .15s;display:flex}.toast-v2__close:hover{color:var(--text-primary);background:#ffffff14}.toast-v2__close svg{width:12px;height:12px}.toast-v2__bar{transform-origin:0;border-radius:0 0 12px 12px;height:3px;animation:linear both toastBar;position:absolute;bottom:0;left:0;right:0}.toast-v2--success{border-color:#10b98140}.toast-v2--success .toast-v2__icon{color:var(--success);background:#10b98126}.toast-v2--success .toast-v2__label{color:var(--success)}.toast-v2--success .toast-v2__bar{background:var(--success)}.toast-v2--error{border-color:#ef444440}.toast-v2--error .toast-v2__icon{color:var(--danger);background:#ef444426}.toast-v2--error .toast-v2__label{color:var(--danger)}.toast-v2--error .toast-v2__bar{background:var(--danger)}.toast-v2--warning{border-color:#eab30840}.toast-v2--warning .toast-v2__icon{color:var(--warning);background:#eab30826}.toast-v2--warning .toast-v2__label{color:var(--warning)}.toast-v2--warning .toast-v2__bar{background:var(--warning)}.toast-v2--info{border-color:#63b3ed40}.toast-v2--info .toast-v2__icon{color:#63b3ed;background:#63b3ed26}.toast-v2--info .toast-v2__label{color:#63b3ed}.toast-v2--info .toast-v2__bar{background:#63b3ed}.table-container{-webkit-overflow-scrolling:touch;margin-bottom:1rem;overflow-x:auto}@media (width<=640px){.table-container{border:1px solid var(--border);border-radius:.75rem}}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}@media (width<=768px){.table th,.table td{padding:.5rem .75rem;font-size:.85rem}}@media (width<=640px){.table th,.table td{padding:.5rem;font-size:.75rem}}.table th{background:var(--bg-tertiary);text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:600}.table tr:hover td{background:#ffffff05;transition:background .2s}.table tr.clickable{cursor:pointer;transition:all .2s}.table tr.clickable:hover td{background:#ef44440a}.pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.pagination-info{color:var(--text-secondary);margin:0 1rem;font-size:.875rem}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width<=768px){.filter-bar{gap:.75rem}}@media (width<=640px){.filter-bar{flex-direction:column;align-items:stretch}}.filter-bar .form-group{flex:1;min-width:150px;margin-bottom:0}@media (width<=640px){.filter-bar .form-group{min-width:100%;margin-bottom:.5rem}}.search-box{position:relative}.search-box input{padding-left:2.5rem}.search-box svg{color:var(--text-secondary);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (width<=640px){.stats-grid{grid-template-columns:1fr;gap:.75rem}}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:.75rem;padding:1.5rem;transition:all .35s cubic-bezier(.4,0,.2,1);animation:.5s cubic-bezier(.4,0,.2,1) both fadeInUp}.stat-card:hover{border-color:#ef44444d;transform:translateY(-5px);box-shadow:0 8px 30px #00000040,0 0 15px #ef444414}.stat-value{color:var(--accent);font-size:2rem;font-weight:700;animation:.6s cubic-bezier(.4,0,.2,1) .3s both countUp}.stat-label{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.home-page{max-width:100%;overflow-x:hidden}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:4rem 2rem;display:flex;position:relative}@media (width<=768px){.hero{min-height:calc(100vh - 50px);padding:2rem 1.5rem}}@media (width<=640px){.hero{justify-content:flex-start;min-height:auto;margin-top:1rem;padding:1.5rem 1rem}}.hero-glow{pointer-events:none;background:radial-gradient(circle,#ff009026 0%,#a855f71a 30%,#0000 70%);width:600px;height:600px;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:10%;left:50%;transform:translate(-50%)}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:.8;transform:translate(-50%)scale(1.1)}}.hero-content{z-index:1;max-width:800px;animation:.7s cubic-bezier(.4,0,.2,1) both fadeInUp}.hero-badge{color:var(--accent);background:#ff00901a;border:1px solid #ff00904d;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;animation:.5s cubic-bezier(.4,0,.2,1) .1s both scaleInBounce;display:inline-flex}.hero-title{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2}@media (width<=1024px){.hero-title{font-size:2.75rem}}@media (width<=768px){.hero-title{font-size:2rem}}@media (width<=640px){.hero-title{margin-bottom:1rem;font-size:1.5rem}}.gradient-text{background:linear-gradient(135deg, var(--accent) 0%, #a855f7 50%, #ec4899 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientShift}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;font-size:1.25rem;line-height:1.7}@media (width<=768px){.hero-subtitle{margin-bottom:1.5rem;font-size:1rem}}@media (width<=640px){.hero-subtitle{margin-bottom:1rem;font-size:.875rem}}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=640px){.hero-actions{flex-direction:column;gap:.75rem;width:100%}.hero-actions .btn{justify-content:center;width:100%}}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-glow{transition:all .3s;animation:2.5s ease-in-out infinite glowPulse;box-shadow:0 0 20px #ef444466}.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 35px #ef444499,0 0 60px #ef444433}.quick-stats{max-width:1000px;margin:0 auto;padding:4rem 2rem}@media (width<=768px){.quick-stats{padding:2rem 1.5rem}}@media (width<=640px){.quick-stats{padding:1.5rem 1rem}}.quick-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.quick-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.quick-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.hero-title{font-size:2.5rem}}@media (width<=640px){.quick-stats-grid{grid-template-columns:1fr;gap:.75rem}}.server-management{grid-template-columns:1fr 300px;gap:1.5rem;display:grid}@media (width<=968px){.server-management{grid-template-columns:1fr}}@media (width<=640px){.server-management{gap:1rem}}.server-main{flex-direction:column;gap:1.5rem;display:flex}.server-sidebar{flex-direction:column;gap:1rem;display:flex}.server-status-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;transition:border-color .3s;animation:.5s both fadeInRight}.server-status-card:hover{border-color:#ef444433}.server-status-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.server-status-indicator{background:var(--danger);border-radius:50%;width:12px;height:12px;transition:all .3s}.server-status-indicator.online{background:var(--success);box-shadow:0 0 10px var(--success);animation:2s ease-in-out infinite glowPulse}.server-stats{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=640px){.server-stats{grid-template-columns:1fr}}.server-stat{text-align:center}.server-stat-value{color:var(--accent);font-size:1.5rem;font-weight:700}.server-stat-label{color:var(--text-secondary);font-size:.75rem}.permission-layout{grid-template-columns:300px 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.permission-layout{grid-template-columns:1fr}}@media (width<=868px){.permission-layout{grid-template-columns:1fr}}.permission-sidebar .card{position:sticky;top:80px}.permission-main{min-height:400px}.role-list{flex-direction:column;gap:.5rem;display:flex}.role-item{background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;width:100%;color:var(--text-primary);text-align:left;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.role-item:hover{border-color:var(--accent);box-shadow:-3px 0 0 var(--accent);transform:translate(4px)}.role-item.active{border-color:var(--accent);background:#ef44441a;box-shadow:0 0 10px #ef444414}.role-color{border-radius:50%;flex-shrink:0;width:12px;height:12px}.permission-list{flex-direction:column;gap:.75rem;display:flex}.permission-item{background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;align-items:flex-start;gap:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s both fadeInUp;display:flex}.permission-item:hover{border-color:var(--accent);background:#25253dcc;transform:translate(3px)}.permission-item input{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex-shrink:0;margin-top:.125rem}.permission-info{flex:1}.permission-label{margin-bottom:.25rem;font-weight:600}.permission-desc{color:var(--text-secondary);font-size:.75rem}.checkbox-group{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:.5rem;flex-direction:column;gap:.25rem;max-height:200px;padding:.75rem;display:flex;overflow-y:auto}.checkbox-group::-webkit-scrollbar{width:6px}.checkbox-group::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.checkbox-group::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.checkbox-group::-webkit-scrollbar-thumb:hover{background:var(--accent)}.checkbox-item{background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;transition:all .15s;display:flex}.checkbox-item:hover{background:#ff00900d;border-color:#ff00904d}.checkbox-item.selected{border-color:var(--accent);background:#ff00901a}.checkbox-item input[type=checkbox]{appearance:none;border:2px solid var(--border);background:var(--bg-tertiary);cursor:pointer;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:all .15s;position:relative}.checkbox-item input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.checkbox-item input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkbox-item input[type=checkbox]:hover{border-color:var(--accent)}.checkbox-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.checkbox-item-content{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.checkbox-item-content .checkbox-item-label{white-space:normal;font-weight:600}.checkbox-item-description{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.color-picker-wrapper{align-items:center;gap:.5rem;display:flex}.color-preview{border:2px solid var(--border);border-radius:.375rem;width:32px;height:32px}.color-input{background:var(--bg-tertiary);border:1px solid var(--border);width:100px;color:var(--text-primary);border-radius:.375rem;padding:.5rem;font-family:monospace}.stats-list{flex-direction:column;gap:.75rem;display:flex}.stats-item{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;transition:all .3s;animation:.4s both fadeInUp;display:flex}.stats-item:hover{box-shadow:-3px 0 0 var(--accent);border-color:#ef444440;transform:translate(4px)}.stats-item:first-child{animation-delay:50ms}.stats-item:nth-child(2){animation-delay:.1s}.stats-item:nth-child(3){animation-delay:.15s}.stats-item:nth-child(4){animation-delay:.2s}.stats-item:nth-child(5){animation-delay:.25s}.stats-rank{color:var(--accent);flex-shrink:0;width:40px;font-size:1rem;font-weight:700}.stats-info{flex:1;min-width:0}.stats-name{margin-bottom:.5rem;font-weight:600}.stats-bar-container{background:var(--bg-primary);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.stats-bar{background:linear-gradient(90deg, var(--accent), #a855f7);background-size:200% 100%;border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite shimmer}.stats-breakdown{flex-wrap:wrap;gap:.375rem;display:flex}.stats-value{color:var(--text-primary);flex-shrink:0;font-size:1.5rem;font-weight:700}.footer{border-top:1px solid var(--border);text-align:center;background:var(--bg-secondary);padding:1.5rem 2rem;animation:.5s .3s both fadeIn}.footer p{color:var(--text-secondary);font-size:.875rem}.login-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.login-container{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}@media (width<=640px){.login-container{padding:1rem}}.login-glow{pointer-events:none;background:radial-gradient(circle,#ff009026 0%,#a855f71a 30%,#0000 70%);width:500px;height:500px;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-content{z-index:1;text-align:center;max-width:480px;animation:.8s cubic-bezier(.4,0,.2,1) both fadeInUp;position:relative}.login-badge{color:var(--accent);background:#ff00901a;border:1px solid #ff00904d;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;animation:.5s .2s both scaleInBounce;display:inline-flex}.login-badge-icon{font-size:1.125rem}.login-title{margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}@media (width<=768px){.login-title{font-size:2.25rem}}@media (width<=640px){.login-title{font-size:1.75rem}}.login-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.7}@media (width<=768px){.login-subtitle{margin-bottom:1.5rem;font-size:.95rem}}@media (width<=640px){.login-subtitle{margin-bottom:1.25rem;font-size:.875rem}}.login-footer{text-align:center;border-top:1px solid var(--border);background:var(--bg-secondary);padding:1rem 2rem}.login-footer p{color:var(--text-secondary);margin:0;font-size:.875rem}@media (width<=640px){.login-title{font-size:2rem}.login-subtitle{font-size:.875rem}.main-content{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}}.action-badge{background:var(--bg-primary);color:var(--text-secondary);border-radius:.25rem;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.action-badge.action-success{color:var(--success);background:#10b98133}.action-badge.action-danger{color:var(--danger);background:#ef444433}.action-badge.action-warning{color:var(--warning);background:#f59e0b33}.wanted-indicator{color:#a855f7;text-transform:uppercase;background:#a855f733;border-radius:.25rem;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.625rem;font-weight:600;display:inline-flex}.chart-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;margin-bottom:1rem;padding:1.5rem;transition:border-color .3s;animation:.5s both fadeInUp}.chart-container:hover{border-color:#ef444426}.chart-title{margin-bottom:1rem;font-size:1rem;font-weight:600}.badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-primary{background:var(--accent);color:#fff}.btn-group{gap:0;display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:.5rem 0 0 .5rem}.btn-group .btn:last-child{border-radius:0 .5rem .5rem 0}.progress-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), #a855f7);background-size:200% 100%;border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite shimmer}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;width:100%;max-height:90vh;animation:.35s cubic-bezier(.34,1.56,.64,1) both scaleInBounce;overflow-y:auto}.page-description{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.tabs{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:.5rem;gap:0;width:fit-content;margin-bottom:1rem;padding:.25rem;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;margin-bottom:0;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--accent);color:#fff;border-bottom-color:#0000}select.form-input{cursor:pointer}select.form-input option{background:var(--bg-secondary);color:var(--text-primary)}.profile-page{max-width:900px;margin:0 auto;padding:2rem}.profile-header{border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}@media (width<=768px){.profile-header{text-align:center;flex-direction:column;gap:1rem}}@media (width<=640px){.profile-header{margin-bottom:1.5rem;padding-bottom:1rem}}.profile-avatar-large{border:3px solid var(--accent);border-radius:50%;width:80px;height:80px;transition:all .3s;animation:.5s both scaleInBounce}.profile-avatar-large:hover{transform:scale(1.08);box-shadow:0 0 20px #ef44444d}.profile-header-info h1{margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.profile-header-info p{color:var(--text-secondary);margin:0;font-size:.875rem}.profile-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.75rem;margin-bottom:1.5rem;transition:border-color .3s,box-shadow .3s;animation:.5s both fadeInUp;overflow:hidden}.profile-section:hover{border-color:#ef444426}.profile-section-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.profile-section-header h2{align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.profile-section-header .badge{margin-left:auto}.profile-section-content{padding:1.5rem}.profile-info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=768px){.profile-info-grid{grid-template-columns:1fr}}.profile-info-item{flex-direction:column;gap:.25rem;display:flex}.profile-info-item label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.profile-info-item span{font-family:Monaco,Consolas,monospace;font-size:.875rem}.profile-form-group{margin-bottom:1.25rem}.profile-form-group:last-child{margin-bottom:0}.profile-form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;display:block}.profile-form-group input{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:border-color .2s}.profile-form-group input:focus{border-color:var(--accent);outline:none}.profile-form-group input:disabled{opacity:.6;cursor:not-allowed}.profile-form-group .hint{color:var(--text-secondary);margin-top:.375rem;font-size:.75rem}.profile-form-group .hint a{color:var(--accent);text-decoration:none}.profile-form-group .hint a:hover{text-decoration:underline}.profile-actions{gap:.75rem;margin-top:1.25rem;display:flex}.profile-issuer-preview{background:var(--bg-tertiary);border-radius:.5rem;padding:1rem}.profile-issuer-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 0;display:flex}.profile-issuer-row:last-child{border-bottom:none}.profile-issuer-row .label{color:var(--text-secondary);font-size:.875rem}.profile-issuer-row .value{font-family:Monaco,Consolas,monospace;font-size:.875rem}.profile-issuer-row .value.steam{color:#66c0f4}.profile-issuer-row .value.discord{color:#7289da}.profile-tip{background:#ff00901a;border:1px solid #ff00904d;border-radius:.5rem;margin-top:1rem;padding:1rem}.profile-tip strong{color:var(--accent);margin-bottom:.25rem;font-size:.875rem;display:block}.profile-tip p{color:var(--text-secondary);margin:0;font-size:.8125rem}.steam-unlink-warning{background:#eab3081a;border:1px solid #eab3084d;border-radius:.5rem;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.steam-unlink-warning .warning-icon{color:#eab308;flex-shrink:0}.steam-unlink-warning .warning-content{flex:1}.steam-unlink-warning .warning-content strong{color:#eab308;margin-bottom:.375rem;font-size:.875rem;display:block}.steam-unlink-warning .warning-content p{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.steam-unlink-warning .discord-mention{color:#7289da;background:#7289da33;border-radius:.25rem;margin-left:.25rem;padding:.125rem .375rem;font-weight:500;display:inline-block}.badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:#10b981;background:#10b98133}.badge-warning{color:#eab308;background:#eab30833}.badge-info{color:#3b82f6;background:#3b82f633}@media (width<=640px){.profile-page{padding:1rem}.profile-header{text-align:center;flex-direction:column}.profile-info-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column}}.user-cell{align-items:center;gap:.75rem;display:flex}.user-avatar-small{border-radius:50%;width:32px;height:32px}.user-name{color:var(--text-primary);font-weight:500}.user-id{color:var(--text-secondary);font-family:Monaco,Consolas,monospace;font-size:.75rem}.steam-info{flex-direction:column;gap:.125rem;display:flex}.steam-name{color:#66c0f4;font-weight:500}.steam-id{color:var(--text-secondary);font-family:Monaco,Consolas,monospace;font-size:.75rem}.unlink-preview{background:var(--bg-tertiary);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.unlink-preview-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 0;display:flex}.unlink-preview-row:last-child{border-bottom:none}.unlink-preview-row .label{color:var(--text-secondary);font-size:.875rem}.unlink-preview-row .value{font-weight:500}.unlink-preview-row .value.steam{color:#66c0f4}.import-container{flex-direction:column;gap:1.5rem;width:100%;max-width:1100px;margin:0 auto;display:flex}.import-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.import-section .section-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.875rem;display:flex}.import-section .section-header i{color:var(--accent);font-size:1.25rem}.import-section .section-header h2{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.import-section .section-header .preview-stats{gap:1rem;margin-left:auto;display:flex}.import-section .section-header .stat{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:4px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.8rem;font-weight:500;display:flex}.import-section .section-header .stat i{font-size:.875rem}.import-section .section-header .stat.warning{color:#f59e0b;background:#f59e0b1a}.import-section .section-header .stat.success{color:#10b981;background:#10b9811a}.import-controls{flex-direction:column;gap:1.25rem;display:flex}.import-controls .form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.type-selector{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.type-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:.75rem .5rem;font-size:.75rem;font-weight:500;transition:all .15s;display:flex}.type-btn:hover{border-color:var(--accent);color:var(--text-primary)}.type-btn.active{border-color:var(--accent);color:var(--accent);background:#ff009026}.type-btn i{font-size:1.125rem}.sql-input{background:var(--bg-primary);border:1px solid var(--border);width:100%;min-height:180px;color:var(--text-primary);resize:vertical;border-radius:8px;padding:.875rem;font-family:Consolas,Monaco,monospace;font-size:.8rem;line-height:1.5;transition:border-color .15s}.sql-input:focus{border-color:var(--accent);outline:none}.sql-input::placeholder{color:var(--text-secondary);opacity:.6}.btn-lg{border-radius:8px;align-self:flex-start;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600}.btn-lg:disabled{opacity:.5;cursor:not-allowed}.preview-table-container{border:1px solid var(--border);background:var(--bg-primary);border-radius:8px;margin-top:1rem;overflow-x:auto}.preview-table{border-collapse:collapse;width:100%;font-size:.8rem}.preview-table thead{background:var(--bg-tertiary)}.preview-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;padding:.75rem .625rem;font-size:.75rem;font-weight:600}.preview-table td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-primary);padding:.625rem}.preview-table tbody tr:hover{background:#ffffff05}.preview-table .checkbox-col{text-align:center;width:36px}.preview-table .checkbox-col input{accent-color:var(--accent);cursor:pointer}.preview-table .id-col{width:60px;color:var(--text-secondary);font-family:monospace;font-size:.75rem}.preview-table .player-col{font-weight:500}.preview-table .steamid-col code{background:var(--bg-tertiary);color:#66c0f4;border-radius:4px;padding:.25rem .5rem;font-size:.7rem}.preview-table .reason-col{max-width:160px}.preview-table .reason-text{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:.75rem;overflow:hidden}.preview-table .staff-col{font-size:.75rem}.preview-table .staff-col .muted{color:var(--text-secondary);opacity:.7;font-size:.65rem;display:block}.preview-table .date-col{white-space:nowrap;color:var(--text-secondary);font-size:.7rem}.preview-table .status-col{text-align:center}.preview-table .actions-col{text-align:center;width:36px}.preview-table tr.row-duplicate,.preview-table tr.row-expired{opacity:.45}.preview-table tr.row-warning{background:#f59e0b0d}.preview-table tr.row-unselected{opacity:.3}.problems-tooltip{cursor:help;margin-left:.375rem;display:inline-flex;position:relative}.problems-tooltip i{color:#f59e0b;font-size:.8rem}.problems-tooltip .tooltip-content{background:var(--bg-tertiary);border:1px solid var(--border);white-space:nowrap;z-index:100;border-radius:6px;padding:.5rem .75rem;font-size:.7rem;display:none;position:absolute;bottom:120%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.problems-tooltip:hover .tooltip-content{display:block}.selection-controls{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.selection-controls .btn{padding:.5rem .75rem;font-size:.8rem}.parse-errors{background:#ef444414;border:1px solid #ef444440;border-radius:8px;margin-bottom:1rem;padding:1rem}.parse-errors h4{color:#ef4444;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.875rem;display:flex}.parse-errors ul{margin:0;padding-left:1.25rem}.parse-errors li{color:var(--text-secondary);margin-bottom:.25rem;font-size:.8rem}.import-options{background:var(--bg-tertiary);border-radius:8px;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem;display:flex}.checkbox-option{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.checkbox-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.checkbox-option span{color:var(--text-primary);font-size:.875rem;font-weight:500}.import-summary{background:var(--bg-tertiary);text-align:center;border-radius:8px;margin-bottom:1rem;padding:1rem}.import-summary p{color:var(--text-primary);margin:0;font-size:.875rem}.import-summary strong{color:var(--accent)}.results-section{border-color:#10b9814d}.results-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.result-card{background:var(--bg-tertiary);text-align:center;border:1px solid var(--border);border-radius:8px;padding:1.25rem}.result-card i{margin-bottom:.5rem;font-size:1.5rem}.result-card .result-value{margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1.2}.result-card .result-label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.result-card.success i,.result-card.success .result-value{color:#10b981}.result-card.warning i,.result-card.warning .result-value{color:#f59e0b}.result-card.error i,.result-card.error .result-value{color:#ef4444}.failed-details{background:#ef444414;border:1px solid #ef444433;border-radius:8px;padding:1rem}.failed-details h4{color:#ef4444;margin:0 0 .5rem;font-size:.875rem}.failed-details ul{margin:0;padding-left:1.25rem}.failed-details li{color:var(--text-secondary);margin-bottom:.25rem;font-size:.8rem}.edit-record-form{flex-direction:column;gap:1rem;display:flex}.edit-record-form .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.edit-record-form .form-group{flex-direction:column;gap:.375rem;display:flex}.edit-record-form .form-group label{color:var(--text-primary);font-size:.8rem;font-weight:600}.edit-record-form .form-group input,.edit-record-form .form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;padding:.625rem;font-family:inherit;font-size:.8rem}.edit-record-form .form-group input:focus,.edit-record-form .form-group textarea:focus{border-color:var(--accent);outline:none}.server-checkboxes{background:var(--bg-tertiary);border-radius:6px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.current-problems{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:8px;margin-bottom:1rem;padding:1rem}.current-problems h4{color:#f59e0b;margin:0 0 .5rem;font-size:.875rem}.current-problems ul{margin:0;padding-left:1.25rem}.current-problems li{color:var(--text-secondary);margin-bottom:.25rem;font-size:.8rem}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}@media (width<=1024px){.type-selector{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.import-container{gap:1rem}.import-section{padding:1rem}.type-selector{grid-template-columns:1fr}.results-grid,.edit-record-form .form-row{grid-template-columns:1fr}.import-options{flex-direction:column;gap:.75rem}.preview-table{font-size:.7rem}.preview-table th,.preview-table td{padding:.5rem .375rem}.sql-input{min-height:180px;font-size:.8rem}.section-header h2{font-size:1.1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderGlow{0%,to{border-color:var(--border);box-shadow:none}50%{border-color:#ef444466;box-shadow:0 0 15px #ef44441a}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #ef444433}50%{box-shadow:0 0 20px #ef444466,0 0 40px #ef44441a}}@keyframes ripple{to{opacity:0;transform:scale(2.5)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blinkCaret{50%{border-color:#0000}}.forms-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.form-template-card{background:var(--bg-secondary);border:1px solid var(--border);opacity:0;border-radius:12px;padding:20px;transition:all .35s cubic-bezier(.4,0,.2,1);animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.form-template-card:first-child{animation-delay:50ms}.form-template-card:nth-child(2){animation-delay:.1s}.form-template-card:nth-child(3){animation-delay:.15s}.form-template-card:nth-child(4){animation-delay:.2s}.form-template-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 30px #ef44441a,0 0 15px #ef44440d}.form-template-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.form-template-card-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.form-template-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.form-status-badge{letter-spacing:.02em;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.form-status-badge.open{color:#10b981;background:#10b98126}.form-status-badge.closed{color:#ef4444;background:#ef444426}.form-template-card-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:16px;margin-bottom:12px;padding:12px 0;display:flex}.form-template-stat{flex-direction:column;flex:1;align-items:center;display:flex}.form-template-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.form-template-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.form-template-card-deadline{color:var(--text-secondary);margin-bottom:14px;font-size:.8rem}.form-template-card-actions{flex-wrap:wrap;gap:8px;display:flex}.form-template-card-actions .btn{text-align:center;flex:1;min-width:0;font-size:.78rem}.btn-warning{color:#eab308;background:#eab30826;border:1px solid #eab3084d}.btn-warning:hover{background:#eab30840}.btn-success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.btn-success:hover{background:#10b98140}.form-editor-layout{grid-template-columns:320px 1fr;align-items:start;gap:24px;display:grid}.form-editor-settings{padding:20px;position:sticky;top:80px}.form-editor-fields-panel{min-height:400px}.form-fields-list{flex-direction:column;gap:12px;display:flex}.form-field-card{background:var(--bg-secondary);border:1px solid var(--border);opacity:0;border-radius:10px;transition:all .2s;animation:.3s forwards fadeInUp;overflow:hidden}.form-field-card:hover{border-color:#ff00904d}.form-field-card-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.form-field-number{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.form-field-card-actions{gap:4px;display:flex}.btn-icon{background:var(--bg-secondary);border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;transition:all .15s;display:flex}.btn-icon:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:#ef44441a}.form-field-card-body{padding:16px}.form-field-card-body .form-group{margin-bottom:12px}.form-field-card-body .form-group:last-child{margin-bottom:0}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.form-required{color:var(--danger);margin-left:4px}.form-input{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff00901a}.form-textarea{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;min-height:80px;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #ff00901a}.form-select{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0b0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;padding:10px 36px 10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .2s}.form-select:focus{border-color:var(--accent);outline:none}.form-checkbox-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-size:.85rem;display:flex}.form-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.form-preview{padding:24px}.public-forms-grid{flex-direction:column;gap:12px;max-width:720px;margin:0 auto;display:flex}.public-form-card{background:var(--bg-secondary);border:1px solid var(--border);color:inherit;opacity:0;border-radius:12px;align-items:center;padding:20px 24px;text-decoration:none;transition:all .25s;animation:.4s forwards fadeInUp;display:flex}.public-form-card:hover:not(.disabled){border-color:var(--accent);transform:translate(4px);box-shadow:0 4px 16px #ff00901a}.public-form-card.disabled{opacity:.55;cursor:not-allowed}.public-form-card-content{flex:1}.public-form-card-title{color:var(--text-primary);margin:0 0 4px;font-size:1.05rem;font-weight:600}.public-form-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:.83rem;line-height:1.4;display:-webkit-box;overflow:hidden}.public-form-card-meta{flex-wrap:wrap;gap:10px;display:flex}.public-form-deadline{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:12px;padding:3px 10px;font-size:.75rem}.public-form-deadline.expired{color:var(--danger);background:#ef44441a}.public-form-limit-badge{color:#eab308;background:#eab3081a;border-radius:12px;padding:3px 10px;font-size:.75rem}.public-form-submissions-info{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:12px;padding:3px 10px;font-size:.75rem}.public-form-card-arrow{color:var(--text-secondary);margin-left:16px;font-size:1.4rem;transition:all .2s}.public-form-card:hover:not(.disabled) .public-form-card-arrow{color:var(--accent);transform:translate(4px)}.form-public-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;animation:.3s scaleIn;overflow:hidden}.form-public-header{border-bottom:1px solid var(--border);padding:28px 28px 20px}.form-public-title{color:var(--text-primary);margin:0 0 8px;font-size:1.5rem;font-weight:700}.form-public-description{color:var(--text-secondary);margin:0 0 16px;font-size:.9rem;line-height:1.6}.form-public-subtitle{color:var(--text-secondary);margin:4px 0 16px;font-size:.95rem;line-height:1.5}.form-public-requirements{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;margin-bottom:16px;padding:14px 18px;font-size:.875rem;line-height:1.7}.form-public-deadline{color:var(--accent);background:#ff009014;border:1px solid #ff009033;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.83rem;display:inline-flex}.form-public-alert{border-radius:8px;margin-top:12px;padding:12px 16px;font-size:.85rem;font-weight:500}.form-public-alert.closed{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.form-public-field{border-bottom:1px solid var(--border);opacity:0;padding:20px 28px;animation:.4s forwards fadeInUp}.form-public-field:last-of-type{border-bottom:none}.form-public-field .form-label{margin-bottom:8px;font-size:.95rem;display:block}.form-public-submit{border-radius:10px;width:calc(100% - 56px);margin:20px 28px 28px;padding:14px;font-size:1rem;font-weight:600}.form-public-success{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:16px;max-width:520px;margin:40px auto;padding:64px 32px;animation:.4s scaleIn}.form-public-success-icon{color:#10b981;background:#10b98126;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:2rem;font-weight:700;animation:.5s .2s both checkmark;display:flex}.form-public-success h2{color:var(--text-primary);margin:0 0 8px;font-size:1.4rem}.form-public-success p{color:var(--text-secondary);margin:0;font-size:.9rem}.submissions-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.submissions-table-wrapper{border:1px solid var(--border);background:var(--bg-secondary);border-radius:12px;overflow-x:auto}.submissions-table{border-collapse:collapse;width:100%}.submissions-table thead{background:var(--bg-tertiary)}.submissions-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:12px 16px;font-size:.78rem;font-weight:600}.submissions-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:12px 16px;font-size:.875rem}.submission-row{opacity:0;transition:background .15s;animation:.3s forwards fadeInUp}.submission-row:hover{background:#ffffff05}.submission-username{font-weight:500}.submission-status-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.submission-status-badge.pending{color:#eab308;background:#eab3081f}.submission-status-badge.pending:before{content:"●";font-size:.5rem}.submission-status-badge.accepted{color:#10b981;background:#10b9811f}.submission-status-badge.accepted:before{content:"✓";font-size:.7rem}.submission-status-badge.rejected{color:#ef4444;background:#ef44441f}.submission-status-badge.rejected:before{content:"✕";font-size:.7rem}.submission-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}.submission-detail-answers{flex-direction:column;gap:16px;display:flex}.submission-answer-item{background:var(--bg-tertiary);border-radius:10px;padding:14px 16px}.submission-answer-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:.78rem;font-weight:600}.submission-answer-value{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.6}.submission-detail-actions{border-top:1px solid var(--border);gap:10px;margin-top:20px;padding-top:16px;display:flex}.submission-detail-actions .btn{flex:1;padding:10px;font-weight:600}.pagination{justify-content:center;align-items:center;gap:8px;display:flex}@media (width<=768px){.forms-grid,.form-editor-layout{grid-template-columns:1fr}.form-editor-settings{position:static}.submissions-filters{flex-direction:column}.submissions-filters .form-group{min-width:100%!important}.form-public-field{padding:16px 20px}.form-public-submit{width:calc(100% - 40px);margin:16px 20px 20px}.form-public-header{padding:20px}.submission-detail-actions,.form-template-card-actions{flex-direction:column}.form-template-card-actions .btn{flex:unset}}.card:first-child{animation-delay:0s}.card:nth-child(2){animation-delay:50ms}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.card:nth-child(5){animation-delay:.2s}.stat-card:first-child{animation-delay:0s}.stat-card:nth-child(2){animation-delay:70ms}.stat-card:nth-child(3){animation-delay:.14s}.stat-card:nth-child(4){animation-delay:.21s}.server-card:first-child{animation-delay:0s}.server-card:nth-child(2){animation-delay:60ms}.server-card:nth-child(3){animation-delay:.12s}.server-card:nth-child(4){animation-delay:.18s}.server-card:nth-child(5){animation-delay:.24s}.server-card:nth-child(6){animation-delay:.3s}.card[role=button]:hover{transition:transform .2s,box-shadow .2s;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.card:has(a):hover{transition:transform .2s,box-shadow .2s;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.server-card:hover{box-shadow:0 6px 24px #00000059}.ban-cards-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;display:grid}.ban-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;transition:all .35s cubic-bezier(.4,0,.2,1);animation:.5s cubic-bezier(.4,0,.2,1) both fadeInUp;overflow:hidden}.ban-card:first-child{animation-delay:50ms}.ban-card:nth-child(2){animation-delay:.1s}.ban-card:nth-child(3){animation-delay:.15s}.ban-card:nth-child(4){animation-delay:.2s}.ban-card:hover{border-color:#ef444433;transform:translateY(-4px);box-shadow:0 12px 30px #0000004d,0 0 15px #ef444414}.ban-card-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ban-card-player{color:var(--text-primary);font-size:15px;font-weight:600}.ban-card-steamid{color:var(--text-secondary);background:var(--bg-primary);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.ban-card-info{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.ban-card-reason,.ban-card-row,.ban-card-servers,.ban-card-expiry{color:var(--text-primary);justify-content:space-between;align-items:flex-start;gap:12px;font-size:14px;display:flex}.ban-card-label{color:var(--text-secondary);flex-shrink:0;font-size:13px}.ban-card-appeal{border-top:1px solid var(--border);flex-direction:column;align-items:stretch;padding:16px 20px;display:flex}.ban-card-appeal .btn{text-align:center}.appeal-status-badge{text-align:center;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500}.appeal-status-pending{color:var(--warning);background:#eab3081a;border:1px solid #eab3084d}.appeal-status-accepted{color:var(--success);background:#10b9811a;border:1px solid #10b9814d}.appeal-status-rejected{color:var(--danger);background:#ef44441a;border:1px solid #ef44444d}.appeal-review-note{color:var(--text-secondary);margin-top:8px;font-size:13px;font-weight:400}.appeal-next-date{color:var(--text-secondary);margin-top:6px;font-size:12px;font-style:italic;font-weight:400}.appeal-ban-details{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;margin-top:16px;padding:16px}.appeal-rules-box{background:var(--bg-tertiary);border:1px solid var(--accent);color:var(--text-secondary);white-space:pre-wrap;border-radius:8px;margin:20px 0;padding:16px 20px;font-size:14px;line-height:1.6}@media (width<=768px){.ban-cards-grid{grid-template-columns:1fr}.ban-card-reason,.ban-card-row,.ban-card-servers,.ban-card-expiry{flex-direction:column;gap:2px}.ban-card-header{flex-direction:column;align-items:flex-start;gap:4px}.page-container{gap:1rem}.btn-lg{padding:.75rem 1.5rem;font-size:.95rem}.card-title{font-size:1.1rem}}@media (width<=640px){html,body{font-size:14px}button,.btn,input[type=button],input[type=submit]{min-height:44px}.navbar{height:50px;padding:.5rem}.navbar-brand{font-size:1rem}.navbar-logo{font-size:1.25rem}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem}.modal-header,.modal-body{padding:1rem}.table{font-size:.75rem}.table th{font-size:.65rem}.server-card-header{flex-direction:column;gap:.5rem}.server-name{font-size:1rem}.player-item{flex-direction:column;align-items:flex-start;gap:.5rem}.form-group{margin-bottom:.75rem}.form-label{font-size:.8rem}.card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.75rem}.profile-page{padding:1rem}.profile-section{margin-bottom:1rem}.profile-avatar-large{width:60px;height:60px}.profile-header-info h1{font-size:1.5rem}.grid,.grid-2,.grid-3,.grid-4{gap:.75rem;grid-template-columns:1fr!important}.pagination{flex-wrap:wrap;gap:.25rem}.empty-state{padding:2rem 1rem}.alert{flex-direction:column;padding:.75rem}.checkbox-item{padding:.4rem .5rem}.tabs{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.tab{white-space:nowrap;padding:.4rem .8rem}.role-list{gap:.4rem}.role-item{padding:.6rem .8rem;font-size:.8rem}.permission-item{gap:.75rem;padding:.75rem}.chart-container{padding:1rem}.chart-title{font-size:.95rem}.badge{padding:.1rem .4rem;font-size:.55rem}.record-type{font-size:.7rem}.search-box input{padding-left:2rem}.login-glow{width:300px;height:300px}.login-content{max-width:90%}.login-badge{padding:.35rem .75rem;font-size:.8rem}.profile-form-group{margin-bottom:1rem}.btn-group{flex-direction:column;gap:.5rem}.btn-group .btn{width:100%;border-radius:.5rem!important}.stats-item{gap:.75rem;padding:.75rem}.stats-name{margin-bottom:.35rem}.form-textarea{min-height:80px}.toast-v2{padding:12px 14px 15px}.toast-v2__icon{width:30px;height:30px}.toast-v2__message{font-size:12px}.rec-item-main{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.rec-item-left{width:100%;flex-direction:column!important;align-items:flex-start!important;gap:.35rem!important}.rec-item-sep{display:none!important}.rec-item-reason{width:100%;white-space:normal!important}.rec-item-name{word-break:break-word;white-space:normal!important}.rec-item-actions{justify-content:flex-end;width:100%}}.rules-layout{height:100%;display:flex;overflow:hidden}.rules-server-list{background:#111827;border-right:1px solid #1f2937;flex-direction:column;flex-shrink:0;width:240px;padding:16px 8px;display:flex;overflow-y:auto}.rules-login-bar{border-top:1px solid #1f2937;margin-top:auto;padding-top:12px}.rules-login-btn{color:#9ca3af;background:#1f2937;border:1px solid #374151;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.rules-login-btn:hover{color:#e5e7eb;background:#374151}.rules-server-list-title{text-transform:uppercase;color:#6b7280;letter-spacing:.5px;padding:0 8px 10px;font-size:11px;font-weight:600}.rules-server-item{cursor:pointer;color:#9ca3af;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background .15s,color .15s;display:flex}.rules-server-item:hover{color:#e5e7eb;background:#1f2937}.rules-server-item.active{color:#e5e7eb;background:#3b82f61f}.rules-server-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rules-server-name{flex:1}.rules-server-viewers{color:#9ca3af;font-variant-numeric:tabular-nums;background:#ffffff12;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:11px}.rules-content{flex-direction:column;flex:1;padding:24px 32px;display:flex;overflow-y:auto}.rules-meta-bar{border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.rules-meta-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.rules-meta-text{color:#9ca3af;font-size:13px}.rules-meta-text strong{color:#e5e7eb}.rules-viewers-badge{color:#6b7280;white-space:nowrap;background:#1f2937;border:1px solid #374151;border-radius:20px;align-items:center;gap:5px;padding:2px 10px 2px 7px;font-size:12px;display:flex}.rules-viewers-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite rules-pulse}@keyframes rules-pulse{0%,to{opacity:1}50%{opacity:.4}}.rules-edit-btn{color:#e5e7eb;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .15s}.rules-edit-btn:hover{background:#374151}.rules-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .15s}.rules-save-btn:hover:not(:disabled){background:#1d4ed8}.rules-save-btn:disabled{opacity:.6;cursor:default}.rules-cancel-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .15s}.rules-cancel-btn:hover{color:#e5e7eb;background:#1f2937}.rules-toolbar{background:#111827;border:1px solid #1f2937;border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:12px;padding:6px 8px;display:flex}.rules-toolbar-btn{color:#9ca3af;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:5px;min-width:28px;padding:4px 8px;font-size:13px;font-weight:600;transition:background .1s,color .1s}.rules-toolbar-btn:hover{color:#e5e7eb;background:#1f2937}.rules-toolbar-btn.active{color:#3b82f6;background:#3b82f633}.rules-toolbar-italic{font-style:italic}.rules-toolbar-sep{background:#374151;width:1px;height:18px;margin:0 4px}.rules-body{flex:1}.rv-root{color:#d1d5db;font-size:15px;line-height:1.65}.rv-h{margin:0}.rv-h1{color:var(--sv-color,#ef4444);margin-top:.6em;margin-bottom:.3em;font-size:1.5rem;font-weight:700}.rv-h1:first-child{margin-top:0}.rv-h2{color:var(--sv-color,#ef4444);margin-top:1em;margin-bottom:.2em;font-size:1.2rem;font-weight:700}.rv-h3{color:#e5e7eb;margin-top:.7em;margin-bottom:.15em;font-size:1rem;font-weight:600}.rv-p{margin:.25em 0}.rv-num{margin:.15em 0}.rv-d1{color:#e5e7eb;margin-top:.8em;margin-bottom:.1em;padding-left:0;font-weight:600}.rv-d1>span:first-child{color:var(--sv-color,#ef4444)}.rv-d2{color:#d1d5db;padding-left:1.4em}.rv-d3{color:#9ca3af;padding-left:2.8em;font-size:.95em}.rv-link{color:#60a5fa}.rv-link:hover{text-decoration:underline}.rv-ol{counter-reset:rv-item;margin:.3em 0;padding-left:0;list-style:none}.rv-ol li{counter-increment:rv-item;margin:.15em 0;padding-left:2em;position:relative}.rv-ol li:before{content:counters(rv-item, ".") ". ";color:var(--sv-color,#ef4444);font-weight:600;position:absolute;left:0}.rv-ul{margin:.3em 0;padding-left:1.5em;list-style:outside}.rv-ul li{margin:.15em 0}.rules-editor .ProseMirror{color:#d1d5db;background:#111827;border:1px solid #374151;border-radius:8px;outline:none;min-height:400px;padding:16px 20px;font-size:15px;line-height:1.65}.rules-editor .ProseMirror:focus{border-color:#3b82f6}.rules-editor .ProseMirror h1{color:#f9fafb;margin:.8em 0 .3em;font-size:1.5rem;font-weight:700}.rules-editor .ProseMirror h2{color:#f9fafb;margin:.7em 0 .2em;font-size:1.2rem;font-weight:700}.rules-editor .ProseMirror h3{color:#f9fafb;margin:.6em 0 .15em;font-size:1rem;font-weight:600}.rules-editor .ProseMirror ol{margin:.3em 0;padding-left:1.5em;list-style:decimal}.rules-editor .ProseMirror ul{margin:.3em 0;padding-left:1.5em;list-style:outside}.rules-editor .ProseMirror p{margin:.25em 0}.rules-empty{color:#6b7280;text-align:center;margin:40px auto;font-size:14px}@media (width<=768px){.rules-layout{flex-direction:column;height:100%;overflow:hidden}.rules-server-list{scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid #1f2937;border-right:none;flex-direction:row;flex-shrink:0;align-items:center;gap:4px;width:100%;height:auto;padding:8px 10px;overflow:auto hidden}.rules-server-list::-webkit-scrollbar{display:none}.rules-server-list-title{display:none}.rules-server-item{white-space:nowrap;border-radius:20px;flex-shrink:0;gap:7px;padding:6px 12px;font-size:13px}.rules-server-viewers{padding:1px 5px;font-size:10px}.rules-login-bar{border-top:none;flex-shrink:0;margin-top:0;margin-left:auto;padding-top:0;padding-left:8px}.rules-content{-webkit-overflow-scrolling:touch;flex:1;padding:16px;overflow-y:auto}.rules-meta-bar,.rules-meta-left{flex-wrap:wrap;gap:8px}.rules-meta-text{font-size:12px}.rules-viewers-badge{font-size:11px}.rv-root{font-size:14px}.rv-h1{font-size:1.3rem}.rv-h2{font-size:1.1rem}.rv-d2{padding-left:1em}.rv-d3{padding-left:2em}}@media (width<=480px){.rules-content{padding:12px}.rv-root{font-size:13.5px}.rv-h1{font-size:1.2rem}}.quests-stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.quests-layout{align-items:flex-start;gap:14px;display:flex}.quests-nav{flex-direction:column;flex-shrink:0;gap:4px;width:190px;display:flex}@media (width<=640px){.quests-layout{flex-direction:column}.quests-nav{width:100%}}@media (width<=380px){.quests-stat-grid{gap:6px}}.qm-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.qm-tabs::-webkit-scrollbar{display:none}.qm-tabs>button{white-space:nowrap;flex-shrink:0}