.settings-panel{--panel-bg:var(--dark,#0c0c1a)var(--light,#fff);--panel-border:var(--dark,#ffffff0f)var(--light,#00000014);--panel-title:var(--dark,#f0f0f5)var(--light,#12121a);--panel-text:var(--dark,#8888a8)var(--light,#6b6b80);--panel-text-dim:var(--dark,#55556a)var(--light,#99a);--panel-card-bg:var(--dark,#ffffff08)var(--light,#00000008);--panel-close-hover:var(--dark,#141428cc)var(--light,#f0f0f0cc);--panel-shadow:var(--dark,#0006)var(--light,#00000014);--panel-opt-hover:var(--dark,#fcb3000a)var(--light,#fcb3000f);--panel-opt-active-bg:var(--dark,#fcb30014)var(--light,#fcb3001f);--panel-opt-active-border:var(--dark,#fcb3004d)var(--light,#fcb30066);z-index:25;background:var(--panel-bg);-webkit-backdrop-filter:blur(32px);border-left:1px solid var(--panel-border);width:360px;height:100vh;box-shadow:-8px 0 60px var(--panel-shadow);flex-direction:column;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(100%)}.settings-panel[data-open=true]{transform:translate(0)}.settings-panel__header{border-bottom:1px solid var(--panel-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 28px 20px;display:flex}.settings-panel__title{letter-spacing:.1em;text-transform:uppercase;color:var(--panel-title);font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}.settings-panel__close{border:1px solid var(--panel-border);cursor:pointer;width:32px;height:32px;color:var(--panel-text);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.settings-panel__close:hover{background:var(--panel-close-hover);color:#fcb300;border-color:#fcb30033}.settings-panel__close svg{width:16px;height:16px}.settings-panel__body{flex-direction:column;flex:1;gap:32px;padding:28px;display:flex;overflow-y:auto}.settings-group{flex-direction:column;gap:14px;display:flex}.settings-group__label{letter-spacing:.15em;text-transform:uppercase;color:var(--panel-text-dim);font-family:Orbitron,sans-serif;font-size:10px;font-weight:600}.settings-options{gap:8px;display:flex}.settings-opt{background:var(--panel-card-bg);border:1px solid var(--panel-border);cursor:pointer;color:var(--panel-text);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:500;transition:all .25s;display:flex}.settings-opt:hover{background:var(--panel-opt-hover);border-color:#fcb30026}.settings-opt[aria-selected=true]{background:var(--panel-opt-active-bg);border-color:var(--panel-opt-active-border);color:#fcb300}.settings-opt svg{width:22px;height:22px}.settings-opt__icon{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;line-height:1}.settings-logout{border-top:1px solid var(--panel-border);margin-top:auto;padding-top:24px}.settings-logout__btn{color:#ef4444;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#ef44440f;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:600;transition:all .25s;display:flex}.settings-logout__btn:hover{background:#ef44441f;border-color:#ef444466;box-shadow:0 0 16px #ef444414}.settings-logout__btn svg{width:18px;height:18px}@media (max-width:500px){.settings-panel{width:100%}}