.settings-page{display:flex;flex-direction:column;gap:18px}
.settings-header h1{margin:4px 0 6px}.settings-header>p:last-child{margin:0;color:var(--muted);font-size:14px}
.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.settings-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.settings-layout>.settings-card{height:100%}.settings-theme-card,.settings-actions{grid-column:1/-1}
.section-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin:3px 0 0;font-size:22px}.section-heading p{margin:0}.settings-theme-card .section-heading p:last-child{margin-top:5px;color:var(--muted);font-size:12px;font-weight:650}
.mini-title{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.settings-card>label,.settings-team-form label{display:flex;flex-direction:column;gap:8px;margin-top:14px;color:var(--muted);font-size:13px;font-weight:750}
.settings-card input:not([type=radio]):not([type=checkbox]):not([type=submit]),.settings-card select{
    width:100%;min-width:0;min-height:48px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--input);color:var(--text);font:inherit
}
.settings-card input:focus,.settings-card select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.13)}
.settings-logo-row{margin-top:18px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.settings-logo-preview{width:74px;height:74px;border-radius:50%;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.35);background:radial-gradient(circle at 32% 28%,rgba(var(--accent-rgb),.6),var(--accent-deep));box-shadow:0 0 0 5px rgba(var(--accent-rgb),.08),0 14px 30px #00000029}
.settings-logo-preview img{width:100%;height:100%;object-fit:cover;display:block}.settings-logo-preview span{height:100%;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800}
.settings-file-input{margin:0!important}.settings-file-input input[type=file]{padding:0!important;cursor:pointer;font-size:12px!important}
.settings-file-input input[type=file]::file-selector-button{min-height:46px;margin-right:10px;padding:0 12px;border:0;border-right:1px solid var(--line);background:var(--panel-soft);color:var(--text);font:inherit;font-weight:800;cursor:pointer}
.settings-file-input small,.settings-help-text{color:var(--muted);font-size:11px;font-weight:650}
.settings-file-current{margin:14px 0 4px;min-height:58px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);display:flex;align-items:center;justify-content:space-between;gap:14px}
.settings-file-current strong,.settings-file-current span{display:block}.settings-file-current strong{font-size:14px;color:var(--text)}.settings-file-current span{margin-top:3px;color:var(--muted);font-size:11px}
.settings-file-current a{min-height:38px;padding:0 14px;border-radius:9px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;text-decoration:none;font-size:12px;font-weight:800}
.settings-help-text{display:block;margin:9px 0 10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(var(--accent-rgb),.03);line-height:1.4}
.settings-toggle{min-height:52px;margin:14px 0 0!important;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--text)!important;display:flex!important;flex-direction:row!important;align-items:center;gap:12px!important;cursor:pointer}
.settings-toggle input{position:absolute;opacity:0;pointer-events:none}.settings-toggle>span{width:42px;height:24px;flex:0 0 42px;border-radius:99px;background:#94a3b838;position:relative;transition:.16s}
.settings-toggle>span::after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:var(--muted);transition:.16s}.settings-toggle input:checked+span{background:rgba(var(--accent-rgb),.3)}.settings-toggle input:checked+span::after{transform:translateX(18px);background:var(--accent)}
.settings-remove-toggle{color:#ff6b75!important}.settings-term-toggle{margin-top:14px!important}
.settings-theme-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:18px;align-items:stretch}.settings-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.settings-theme-option{position:relative;min-height:112px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:7px 12px;align-items:start;transition:.16s}
.settings-theme-option:hover,.settings-theme-option.active{border-color:rgba(var(--accent-rgb),.5);background:color-mix(in srgb,var(--panel-soft) 92%,var(--accent))}.settings-theme-option.active{box-shadow:inset 0 0 0 1px var(--accent),0 0 0 3px rgba(var(--accent-rgb),.1)}
.settings-theme-option input{position:absolute;opacity:0}.settings-theme-swatch{width:34px;height:34px;border-radius:50%;grid-row:span 2;background:var(--swatch);box-shadow:0 0 0 5px color-mix(in srgb,var(--swatch) 15%,transparent)}
.theme-swatch-original{--swatch:#18c7d9}.theme-swatch-renascenca{--swatch:#ef2b2d}.theme-swatch-grecia{--swatch:#d4af37}.theme-swatch-valhalla{--swatch:#6ee7b7}.theme-swatch-egito{--swatch:#f59e0b}.theme-swatch-mirage{--swatch:#a855f7}.theme-swatch-atlas{--swatch:#3b82f6}.theme-swatch-aurora{--swatch:#ec4899}
.settings-theme-check{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:white;opacity:0;transform:scale(.85);transition:.16s}.settings-theme-option.active .settings-theme-check{opacity:1;transform:scale(1)}
.settings-theme-option strong{font-size:14px;color:var(--text)}.settings-theme-option small{font-size:11px;color:var(--muted);line-height:1.35}
.settings-live-badge{align-self:flex-start;min-height:30px;padding:0 10px;border:1px solid rgba(var(--accent-rgb),.3);border-radius:999px;background:rgba(var(--accent-rgb),.08);color:var(--accent);display:inline-flex;align-items:center;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.settings-theme-preview{min-height:100%;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--input);display:flex;flex-direction:column}.settings-preview-top{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:750}.settings-preview-top i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.settings-preview-top b{margin-left:auto;color:var(--accent);font-size:10px}.settings-preview-body{min-height:190px;margin-top:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);display:grid;grid-template-columns:64px 1fr;overflow:hidden}.settings-preview-sidebar{padding:13px 8px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px;background:var(--panel)}.settings-preview-sidebar span{height:11px;border-radius:4px;background:var(--panel-soft)}.settings-preview-sidebar span:first-child{width:26px;height:26px;margin-bottom:8px;border-radius:50%;background:linear-gradient(140deg,var(--accent),var(--accent-deep))}.settings-preview-sidebar span.active{background:linear-gradient(100deg,var(--accent),var(--accent-deep))}.settings-preview-content{padding:17px 14px}.settings-preview-content small{display:block;color:var(--accent);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.settings-preview-content strong{display:block;margin-top:3px;font-size:17px}.settings-preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0}.settings-preview-stats i{height:42px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.settings-preview-stats i:first-child{border-color:rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.08)}.settings-preview-content button{width:100%;min-height:34px;border:0;border-radius:7px;background:linear-gradient(100deg,var(--accent),var(--accent-deep));color:white;font:inherit;font-size:10px;font-weight:850;pointer-events:none}.settings-theme-preview>p{margin:12px 2px 0;color:var(--muted);font-size:10px;line-height:1.45}
.settings-appearance-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.7fr);gap:18px;align-items:end;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.settings-appearance-controls h3{margin:3px 0 10px;font-size:17px}.settings-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-mode-toggle label{min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:750}.settings-mode-toggle label.active{color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.settings-mode-toggle input{position:absolute;opacity:0}
.settings-actions{position:sticky;bottom:14px;z-index:20;display:flex;justify-content:flex-end;padding:10px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 12px 35px #0004;backdrop-filter:blur(14px)}.settings-actions .button{min-width:220px}
.settings-team-card{margin-top:0}.settings-team-card .section-heading p:last-child{margin-top:5px;color:var(--muted);font-size:13px}
.settings-team-form{display:grid;grid-template-columns:1fr 1fr 1.3fr .8fr 1fr auto;gap:10px;align-items:end;padding-bottom:20px;border-bottom:1px solid var(--line)}.settings-team-form label{margin:0}.settings-team-form .button{min-height:48px}
.settings-user-list{display:flex;flex-direction:column;gap:9px;margin-top:18px}.settings-user-row{min-height:66px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);display:grid;grid-template-columns:40px minmax(0,1fr) 130px 90px 100px;gap:12px;align-items:center}.settings-user-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(var(--accent-rgb),.8),var(--accent-deep));color:white;font-size:11px;font-weight:800}.settings-user-row strong,.settings-user-row small{display:block}.settings-user-row small{color:var(--muted);font-size:11px}.settings-role,.settings-user-status{font-size:11px;font-weight:750;color:var(--muted)}.settings-user-status{color:#22c55e}.settings-user-status.off{color:#ff6b75}.settings-user-row .button{min-height:36px;padding:7px 10px;font-size:11px}
@media(max-width:1250px){.settings-team-form{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-team-form .button{align-self:end}}
@media(max-width:1100px){.settings-layout{grid-template-columns:1fr}.settings-theme-layout{grid-template-columns:1fr}.settings-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-theme-preview{min-height:auto}.settings-appearance-controls{grid-template-columns:1fr}.settings-user-row{grid-template-columns:40px minmax(0,1fr) 110px 80px 92px}}
@media(max-width:700px){.settings-card{padding:18px}.settings-theme-grid,.settings-team-form{grid-template-columns:1fr}.settings-logo-row{grid-template-columns:1fr}.settings-user-row{grid-template-columns:40px minmax(0,1fr) auto}.settings-role{grid-column:2}.settings-user-status{grid-column:3;grid-row:1}.settings-user-row form{grid-column:2/4}.settings-user-row form .button{width:100%}}