.settings-panel{--panel-bg:var(--dark,#0c0c1a) var(--light,#fff);--panel-border:var(--dark,rgba(255,255,255,.06)) var(--light,rgba(0,0,0,.08));--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,rgba(255,255,255,.03)) var(--light,rgba(0,0,0,.03));--panel-close-hover:var(--dark,rgba(20,20,40,.8)) var(--light,rgba(240,240,240,.8));--panel-shadow:var(--dark,rgba(0,0,0,.4)) var(--light,rgba(0,0,0,.08));--panel-opt-hover:var(--dark,rgba(252,179,0,.04)) var(--light,rgba(252,179,0,.06));--panel-opt-active-bg:var(--dark,rgba(252,179,0,.08)) var(--light,rgba(252,179,0,.12));--panel-opt-active-border:var(--dark,rgba(252,179,0,.3)) var(--light,rgba(252,179,0,.4));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:rgba(252,179,0,.2)}.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:rgba(252,179,0,.15)}.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:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);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:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4);box-shadow:0 0 16px rgba(239,68,68,.08)}.settings-logout__btn svg{width:18px;height:18px}@media (width<=500px){.settings-panel{width:100%}}