#login-wrapper{display:flex;flex:1;align-items:center;justify-content:center;padding:2.5rem 1.5rem}#login-container{text-align:center;color:#fff;max-width:420px}#login-container h1{font-size:2.2em;margin:0 0 .5rem;background:linear-gradient(90deg,#fff,#c9b6f0);-webkit-background-clip:text;background-clip:text;color:transparent}#login-container p{color:#ffffffb3;margin:0 0 1.75rem}.login-button{display:inline-block;padding:.85rem 1.75rem;border-radius:10px;background:linear-gradient(135deg,#4a2e8a,#7b5bb8);color:#fff;text-decoration:none;font-weight:600;border:none;cursor:pointer;font-size:1em;transition:filter .15s ease}.login-button:hover{filter:brightness(1.1)}#servers-wrapper{display:flex;flex:1;justify-content:center;padding:2.5rem 1.5rem}#servers-status{display:flex;justify-content:center;padding:3rem 1rem;color:#fff}#servers-container{width:100%;max-width:1400px;color:#fff}#servers-header{margin-bottom:2rem}#servers-header h3{font-size:2.2em;margin:0 0 .3rem;background:linear-gradient(90deg,#fff,#c9b6f0);-webkit-background-clip:text;background-clip:text;color:transparent}#servers-header p{color:#ffffffb3;font-size:1.05em;margin:0}#servers-empty{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:3rem 1rem;text-align:center}#servers-empty button{border:none;color:#fff;font-size:1.2em;background:linear-gradient(135deg,#4a2e8a,#7b5bb8);border-radius:10px;padding:12px 28px;cursor:pointer}#servers-search{width:100%;box-sizing:border-box;color:#fff;font-size:1.05em;background:#7b5bb826;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.75rem 1rem;margin-bottom:1.5rem}#servers-search::placeholder{color:#ffffff80}#servers-search:focus{outline:none;border-color:#7b5bb8}#servers-no-match{color:#ffffffb3}#servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.server-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;text-decoration:none;color:#fff;background:linear-gradient(160deg,#7b5bb838,#1e123880);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.75rem 1.25rem 1.5rem;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.server-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(123,91,184,.35),transparent 70%);opacity:0;transition:opacity .2s ease}.server-card:hover{transform:translateY(-6px);border-color:#c7b0f099;box-shadow:0 10px 30px #4a2e8a73}.server-card:hover:before{opacity:1}.server-badge{position:absolute;top:.75rem;right:.75rem;font-size:.7em;font-weight:600;letter-spacing:.03em;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.2rem .6rem;text-transform:uppercase}.server-icon{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #ffffff14}.server-icon-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a2e8a,#7b5bb8);font-weight:700;font-size:1.3em}.server-name{font-size:1.1em;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.server-manage{font-size:.9em;color:#c9b6f0;opacity:.85}@media(max-width:480px){#servers-header h3{font-size:1.7em}#servers-grid{grid-template-columns:1fr 1fr}}.form-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.form-field label{font-weight:600;color:#fff}.form-hint{font-size:.85em;color:#ffffff8c;margin:0}.form-input{background:#7b5bb826;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.65rem .9rem;color:#fff;font-size:1em;max-width:320px}.form-input:focus{outline:none;border-color:#7b5bb8}.form-input option{background:#2a0d12;color:#fff}.form-input[type=number]{-moz-appearance:textfield}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-toggle{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;width:fit-content}.form-toggle input{position:absolute;opacity:0;width:0;height:0}.form-toggle .toggle-track{width:42px;height:24px;border-radius:999px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);position:relative;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.form-toggle .toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}.form-toggle input:checked+.toggle-track{background:linear-gradient(135deg,#4a2e8a,#7b5bb8);border-color:#7b5bb8}.form-toggle input:checked+.toggle-track:after{transform:translate(18px)}.form-save-button{border:none;border-radius:10px;padding:12px 28px;font-size:1em;color:#fff;background:linear-gradient(135deg,#4a2e8a,#7b5bb8);cursor:pointer;transition:opacity .15s ease,background .15s ease}.form-save-button:disabled{opacity:.5;cursor:not-allowed}.form-save-button[data-state=saved]{background:linear-gradient(135deg,#2f7d4f,#4caf7d)}.form-save-button[data-state=error]{background:linear-gradient(135deg,#8a2e2e,#b85b5b)}.form-danger-button{border:none;border-radius:10px;padding:12px 28px;font-size:1em;color:#fff;background:linear-gradient(135deg,#8a2e2e,#b85b5b);cursor:pointer;transition:opacity .15s ease,background .15s ease}.form-danger-button:disabled{opacity:.5;cursor:not-allowed}.form-error-text{color:#f2a8a8;font-size:.9em;margin-top:.5rem}.economy-settings{color:#fff}.economy-settings h4{font-size:1.4em;margin:0 0 .4rem;background:linear-gradient(90deg,#fff,#c9b6f0);-webkit-background-clip:text;background-clip:text;color:transparent}.economy-subtitle{color:#ffffffa6;margin:0 0 1.5rem}.economy-status{color:#ffffffb3;text-align:center;padding:2rem 0}.emoji-input-row{display:flex;align-items:center;gap:.6rem}.emoji-preview{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:10px;background:#7b5bb826;border:1px solid rgba(255,255,255,.2);font-size:1.3em}.emoji-preview img{width:24px;height:24px}.settings-section{margin-bottom:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:0 .85rem}.settings-section summary{cursor:pointer;list-style:none;color:#ffffffd9;font-size:.95em;padding:.6rem 0;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.settings-section summary::-webkit-details-marker{display:none}.settings-section summary:before{content:"▶";display:inline-block;margin-right:.6rem;font-size:.7em;transition:transform .15s ease;color:#ffffff80}.settings-section[open] summary:before{transform:rotate(90deg)}.settings-section-body{padding-bottom:.85rem}.chip-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0}.chip{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.25rem .6rem;font-size:.85em}.chip-remove-btn{background:none;border:none;color:#fff9;cursor:pointer;font-size:1em;line-height:1;padding:0}.chip-remove-btn:hover{color:#ff6b6b}.chip-add-row{display:flex;gap:.5rem;margin-top:.4rem}.readonly-table{width:100%;border-collapse:collapse;font-size:.9em;margin:.4rem 0}.readonly-table th,.readonly-table td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid rgba(255,255,255,.08)}.readonly-table th{color:#fff9;font-weight:500;text-transform:uppercase;font-size:.8em;letter-spacing:.04em}.settings-note{font-size:.85em;color:#ffffff8c;margin:.3rem 0}.lockdown-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;background:#ff50501f;border:1px solid rgba(255,80,80,.35)}#dashboard-wrapper{display:flex;flex:1;justify-content:center;padding:2.5rem 1.5rem}#dashboard-container{width:100%;max-width:1400px;color:#fff}#dashboard-back{display:inline-block;color:#fff9;text-decoration:none;margin-bottom:1.25rem;transition:color .15s ease}#dashboard-back:hover{color:#c9b6f0}#dashboard-header{display:flex;align-items:center;gap:1.1rem;margin-bottom:2rem}#dashboard-icon{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 3px #ffffff14}.dashboard-icon-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a2e8a,#7b5bb8);font-weight:700;font-size:1.2em}#dashboard-header h3{font-size:2em;margin:0 0 .2rem;background:linear-gradient(90deg,#fff,#c9b6f0);-webkit-background-clip:text;background-clip:text;color:transparent}#dashboard-header p{color:#ffffffb3;margin:0}#dashboard-panel{background:linear-gradient(160deg,#7b5bb829,#1e123880);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.75rem;min-width:0}@media(max-width:480px){#dashboard-header h3{font-size:1.6em}}#protected-route-message{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:4rem 1rem;gap:1rem}#protected-route-message p{font-size:1.3em}#protected-route-message button{border:none;color:#fff;font-size:1.3em;background-color:transparent;border:#4A2E8A solid 4px;border-radius:10px;padding:14px 24px;cursor:pointer}#protected-route-message button:hover{border-color:#7b5bb8}#root{height:100vh;width:100%}.container{display:flex;flex-direction:column;min-height:100vh}main{flex:1;display:flex}html,body{margin:0;height:100%;padding:0;background:linear-gradient(135deg,#0d0508,#3d0a12 60%,#8b1a2b);background-size:cover;background-attachment:fixed}