#settings-modal{display:none}
#settings-modal.show{display:flex}
.stab{width:100%;display:flex;align-items:center;gap:9px;padding:9px 12px;background:none;border:none;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;border-radius:10px;transition:background .14s,color .14s;text-align:left}
.stab:hover{background:#ffffff12;color:#d1d5db}
.stab.active{background:#6366f12e;color:#a5b4fc;border:1px solid rgba(99,102,241,.25)}
.stab svg{flex-shrink:0;opacity:.7}
.stab.active svg{opacity:1}
.smob-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;background:none;border:none;color:#4b5563;font-size:10px;font-weight:600;cursor:pointer;transition:color .14s;border-top:2px solid transparent}
.smob-tab span{line-height:1}
.smob-tab:hover{color:#9ca3af}
.smob-tab.active{color:#a5b4fc;border-top-color:#6366f1}
.smob-tab svg{flex-shrink:0}
#settings-modal{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(124,58,237,.18),transparent 60%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(236,72,153,.12),transparent 60%),#030612e0!important;backdrop-filter:blur(16px) saturate(120%)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important}
#settings-inner{background:linear-gradient(180deg,#0b0f1f,#0a0e1c)!important;border:1px solid rgba(167,139,250,.18)!important;border-radius:22px!important;width:94vw!important;max-width:760px!important;max-height:88vh!important;box-shadow:0 30px 80px -20px #000000b3,0 0 0 1px #ffffff05,inset 0 1px #ffffff0d!important;position:relative;overflow:hidden!important}
#settings-inner:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#a78bfa 30%,#ec4899 70%,transparent);opacity:.7;z-index:5}
#settings-header{padding:22px 26px 18px 30px!important;background:radial-gradient(ellipse at top left,rgba(124,58,237,.12),transparent 70%),linear-gradient(180deg,#0f142699,#0f142600)!important;border-bottom:1px solid rgba(255,255,255,.05)!important;position:relative}
#settings-header:before{content:"";position:absolute;left:14px;top:22px;bottom:18px;width:3px;border-radius:2px;background:linear-gradient(180deg,#a78bfa,#ec4899);box-shadow:0 0 12px #a78bfa99}
#settings-header h2{font-size:24px!important;font-weight:900!important;letter-spacing:-.02em!important;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#settings-header h2:before{content:"03 \b7  CONFIGURACI\d3N";display:block;font-family:JetBrains Mono,SF Mono,ui-monospace,monospace;font-size:10px;font-weight:700;letter-spacing:.18em;color:#a78bfa;-webkit-text-fill-color:#a78bfa;margin-bottom:4px;opacity:.9}
#settings-header-sub{color:#94a3b8!important;font-size:13px!important}
#settings-header>button{width:36px!important;height:36px!important;border-radius:12px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;color:#cbd5e1!important;font-size:20px!important;transition:all .18s ease!important}
#settings-header>button:hover{background:#ec489926!important;border-color:#ec489966!important;color:#fff!important;transform:rotate(90deg)}
#settings-sidebar{width:200px!important;padding:20px 14px!important;background:linear-gradient(180deg,rgba(15,20,38,.4),transparent)!important;border-right:1px solid rgba(255,255,255,.04)!important;gap:4px!important}
.stab{position:relative;padding:11px 14px 11px 16px!important;border-radius:12px!important;font-size:13px!important;font-weight:600!important;color:#94a3b8!important;border:1px solid transparent!important;transition:all .18s ease!important}
.stab:hover{background:#a78bfa14!important;color:#e2e8f0!important;transform:translate(2px)}
.stab.active{background:linear-gradient(135deg,#7c3aed38,#ec489924)!important;border:1px solid rgba(167,139,250,.35)!important;color:#fff!important;box-shadow:0 4px 14px -4px #7c3aed66}
.stab.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#a78bfa,#ec4899);box-shadow:0 0 10px #a78bfab3}
.stab svg{width:16px!important;height:16px!important;opacity:.85!important}
#settings-content-area{padding:26px 30px!important;background:transparent}
#settings-content-area>div>p:first-child{font-family:JetBrains Mono,SF Mono,ui-monospace,monospace!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.18em!important;color:#a78bfa!important;margin-bottom:6px!important;position:relative;padding-left:14px}
#settings-content-area>div>p:first-child:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:2px;background:linear-gradient(90deg,#a78bfa,#ec4899);border-radius:2px}
#settings-profile-section{background:linear-gradient(135deg,#7c3aed14,#ec48990a)!important;border:1px solid rgba(167,139,250,.18)!important;border-radius:16px!important;padding:18px!important;position:relative;overflow:hidden}
#settings-profile-section:after{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle at top right,rgba(236,72,153,.15),transparent 70%);pointer-events:none}
#settings-logout-btn{border-radius:11px!important;font-weight:700!important;letter-spacing:.02em;background:#ef44441f!important;border:1px solid rgba(239,68,68,.3)!important;color:#fca5a5!important;transition:all .18s ease!important}
#settings-logout-btn:hover{background:#ef444438!important;color:#fff!important}
#settings-logo-preview{border-radius:16px!important;border:1px solid rgba(167,139,250,.3)!important;box-shadow:0 8px 20px -8px #7c3aed80}
#stab-panel-backup button{border-radius:14px!important;padding:14px 18px!important;transition:all .2s ease!important;position:relative;overflow:hidden}
#stab-panel-backup button:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px #00000080}
#stab-panel-backup button svg{width:18px!important;height:18px!important}
#settings-tabs-mobile{border-top:none!important;background:linear-gradient(180deg,#0b0f1ff2,#0a0e1c)!important;backdrop-filter:blur(12px);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))!important;position:relative}
#settings-tabs-mobile:before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,#a78bfa,#ec4899,transparent);opacity:.6}
.smob-tab{border-top:none!important;padding:8px 4px!important;border-radius:12px!important;margin:0 2px;transition:all .18s ease!important;position:relative}
.smob-tab svg{width:20px!important;height:20px!important;transition:transform .2s ease}
.smob-tab.active{background:linear-gradient(135deg,#7c3aed38,#ec48991f)!important;color:#fff!important}
.smob-tab.active svg{transform:translateY(-1px);filter:drop-shadow(0 0 6px rgba(167,139,250,.7))}
.smob-tab.active:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:2px;width:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,#a78bfa,#ec4899)}
#stab-panel-tema .theme-help{color:#94a3b8;font-size:12.5px;line-height:1.55;margin-bottom:18px}
#stab-panel-tema .theme-section{margin-bottom:18px}
#stab-panel-tema .theme-h{font-family:JetBrains Mono,SF Mono,ui-monospace,monospace;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#cbd5e1;margin:0 0 10px;padding-left:12px;position:relative}
#stab-panel-tema .theme-h:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:2px;background:linear-gradient(90deg,#a78bfa,#ec4899);border-radius:2px}
#stab-panel-tema .theme-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}
#stab-panel-tema .theme-swatch{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:14px;cursor:pointer;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:transform .18s ease,background .18s ease,border-color .18s ease}
#stab-panel-tema .theme-swatch:hover{background:#ffffff0f;transform:translateY(-2px);border-color:#a78bfa40}
#stab-panel-tema .theme-swatch.active{background:#a78bfa1a;border-color:#a78bfa8c}
#stab-panel-tema .theme-dot{width:36px;height:36px;border-radius:50%}
#stab-panel-tema .theme-swatch span{color:#cbd5e1;font-size:11px;font-weight:600}
#stab-panel-tema .theme-bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
#stab-panel-tema .theme-bg-card{position:relative;height:74px;border-radius:14px;cursor:pointer;border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .18s ease,border-color .18s ease}
#stab-panel-tema .theme-bg-card:hover{transform:translateY(-2px);border-color:#a78bfa59}
#stab-panel-tema .theme-bg-card.active{border-color:#a78bfab3;box-shadow:0 0 0 2px #a78bfa40,0 8px 20px -8px #7c3aed80}
#stab-panel-tema .theme-bg-strip{position:absolute;left:8px;right:8px;top:10px;height:14px;border-radius:7px;opacity:.9}
#stab-panel-tema .theme-bg-name{color:#e2e8f0;font-size:11px;font-weight:700;padding:6px 10px;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}
#stab-panel-tema .theme-seg-row{display:flex;flex-wrap:wrap;gap:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:4px}
#stab-panel-tema .theme-seg{flex:1;min-width:0;padding:9px 10px;border-radius:10px;background:transparent;border:none;cursor:pointer;color:#94a3b8;font-size:12px;font-weight:600;transition:all .18s ease;white-space:nowrap}
#stab-panel-tema .theme-seg:hover{color:#e2e8f0;background:#ffffff0a}
#stab-panel-tema .theme-seg.active{background:linear-gradient(135deg,#7c3aed4d,#ec48992e);color:#fff;box-shadow:0 4px 12px -4px #7c3aed80,inset 0 1px #ffffff14}