#page-settings{--set-accent:#2f8cff;--set-green:#20c997;--set-panel:rgba(18,43,64,.82)}
.settings-loading{min-height:340px;display:grid;place-content:center;text-align:center;color:var(--muted);gap:14px}.settings-loading span{width:42px;height:42px;margin:auto;border:3px solid rgba(47,140,255,.18);border-top-color:#2f8cff;border-radius:50%;animation:setspin .8s linear infinite}@keyframes setspin{to{transform:rotate(360deg)}}
.set-hero{position:relative;overflow:hidden;padding:24px;border:1px solid rgba(83,159,221,.25);border-radius:18px;background:linear-gradient(125deg,rgba(26,71,108,.76),rgba(13,34,52,.92));display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.set-hero:after{content:"";position:absolute;width:280px;height:280px;right:-110px;top:-160px;background:radial-gradient(circle,rgba(47,140,255,.36),transparent 68%)}.set-hero h1{margin:0 0 6px}.set-hero p{margin:0;color:var(--muted)}.set-status{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:rgba(8,25,38,.64);white-space:nowrap;z-index:1}.set-status i,.set-health i{width:8px;height:8px;border-radius:50%;background:var(--set-green);box-shadow:0 0 12px var(--set-green)}
.set-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.set-nav{position:sticky;top:16px;align-self:start;padding:10px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.set-nav button{width:100%;border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:10px;text-align:left;font:inherit;cursor:pointer;transition:.2s}.set-nav button:hover{transform:translateX(3px);color:var(--text)}.set-nav button.active{color:#fff;background:linear-gradient(110deg,#1b72e8,#2f8cff);box-shadow:0 8px 22px rgba(47,140,255,.22)}
.set-panel{display:none}.set-panel.active{display:block;animation:setin .25s ease both}@keyframes setin{from{opacity:0;transform:translateY(5px)}}.set-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px}.set-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.set-card h2,.set-card h3{margin:0 0 4px}.set-card-head p{margin:0;color:var(--muted);font-size:12px}.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.set-field{display:grid;gap:7px}.set-field.full{grid-column:1/-1}.set-field label{font-size:11px;font-weight:700;letter-spacing:.035em;color:var(--muted)}.set-field input,.set-field select,.set-field textarea,.provider-dialog input,.provider-dialog select{width:100%;box-sizing:border-box;background:var(--input,#0b2235);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 11px;outline:0}.set-field input:focus,.set-field select:focus,.set-field textarea:focus{border-color:#2f8cff;box-shadow:0 0 0 3px rgba(47,140,255,.12)}.set-switch{display:flex;justify-content:space-between;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px}.set-switch input{appearance:none;width:38px;height:22px;border-radius:999px;background:#496071;position:relative;transition:.2s;cursor:pointer}.set-switch input:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.set-switch input:checked{background:#20c997}.set-switch input:checked:after{transform:translateX(16px)}
.set-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.set-save{background:linear-gradient(110deg,#1674eb,#35a1ff)}.set-save.saved{background:linear-gradient(110deg,#119b78,#20c997)}
.provider-list{display:grid;gap:10px}.provider-row{display:grid;grid-template-columns:minmax(150px,1fr) 130px 95px auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.provider-row:hover{border-color:rgba(47,140,255,.45)}.provider-name b{display:block}.provider-name span,.provider-meta{font-size:11px;color:var(--muted)}.provider-state{display:inline-flex;align-items:center;gap:6px;font-size:11px}.provider-state i{width:7px;height:7px;border-radius:50%;background:#6e8191}.provider-state.ok i{background:#20c997}.provider-state.error i{background:#f59e0b}.provider-tools{display:flex;gap:6px;justify-content:flex-end}.provider-tools button{padding:7px 9px}.set-empty{padding:30px;text-align:center;border:1px dashed var(--line);border-radius:13px;color:var(--muted)}
.set-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.set-health{padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.set-health span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.set-health b{display:block;margin-top:8px;text-transform:capitalize}.set-health.offline i{background:#f59e0b;box-shadow:0 0 12px #f59e0b}.security-callout{border-left:3px solid #20c997;padding:11px 13px;background:rgba(32,201,151,.08);border-radius:8px;font-size:12px}.session-row,.audit-row{display:grid;grid-template-columns:130px 1fr 150px auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.audit-row{grid-template-columns:150px 170px 1fr 140px}.danger-zone{border-color:rgba(239,68,68,.35)}
.provider-dialog{width:min(520px,calc(100vw - 32px));border:1px solid var(--line);border-radius:17px;background:var(--card);color:var(--text);padding:0;box-shadow:0 30px 80px rgba(0,0,0,.5)}.provider-dialog::backdrop{background:rgba(3,12,20,.72);backdrop-filter:blur(5px)}.provider-dialog form{padding:20px}.provider-dialog h2{margin-top:0}.provider-fields{display:grid;gap:12px;margin:15px 0}.provider-field{display:grid;gap:6px}.provider-field label{font-size:11px;color:var(--muted)}
@media(max-width:900px){.set-layout{grid-template-columns:1fr}.set-nav{position:static;display:flex;overflow:auto}.set-nav button{width:auto;white-space:nowrap}.set-grid{grid-template-columns:1fr}.set-health-grid{grid-template-columns:repeat(2,1fr)}.provider-row{grid-template-columns:1fr auto}.provider-meta{display:none}.session-row,.audit-row{grid-template-columns:1fr auto}.session-row>*:nth-child(2),.audit-row>*:nth-child(3){display:none}}