.settings-container{max-width:1200px;margin:0 auto;padding:48px 32px;position:relative;z-index:1}.settings-page-header{margin-bottom:40px}.settings-page-header h1{font-size:40px;font-weight:700;background:linear-gradient(135deg,#F8FAFC,#CBD5E1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.settings-header-subtitle{color:var(--text-tertiary);font-size:16px}.settings-section{margin-bottom:32px}.settings-section-card{background:linear-gradient(135deg,var(--surface-2) 0,var(--surface-3) 100%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;box-shadow:var(--shadow-lg)}.settings-section-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.06)}.settings-section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--icon-bg);box-shadow:var(--shadow-md)}.settings-section-title{font-size:22px;font-weight:600;color:var(--text-primary)}.settings-group{display:flex;flex-direction:column;gap:20px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--surface-1);border-radius:14px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.setting-item:hover{background:var(--surface-2);border-color:rgba(255,255,255,.1)}.setting-info{flex:1}.setting-label{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.setting-description{font-size:14px;color:var(--text-tertiary)}.settings-toggle{position:relative;width:52px;height:28px}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--surface-4);transition:.4s;border-radius:34px;border:1px solid rgba(255,255,255,.1)}.settings-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background-color:var(--text-tertiary);transition:.4s;border-radius:50%}.settings-toggle input:checked+.settings-toggle-slider{background:linear-gradient(135deg,#3B82F6,#2563EB);border-color:rgba(255,255,255,.2);box-shadow:0 0 12px rgba(59,130,246,.3)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translateX(24px);background-color:white}.settings-select{padding:10px 36px 10px 14px;background:var(--surface-4);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.settings-input,.settings-select{border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-size:14px}.settings-input{padding:10px 14px;background:var(--surface-4);min-width:200px}.settings-input:focus,.settings-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.settings-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.settings-btn-primary{background:linear-gradient(135deg,#3B82F6,#2563EB);color:white;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 4px 8px rgba(59,130,246,.3)}.settings-btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.15),0 6px 12px rgba(59,130,246,.4)}.settings-btn-secondary{background:var(--surface-4);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.settings-btn-secondary:hover{background:var(--surface-5);border-color:rgba(255,255,255,.15)}.settings-action-buttons{display:flex;gap:12px;margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.06)}@media (max-width:768px){.settings-container{padding:24px 16px}.settings-page-header h1{font-size:32px}.setting-item{flex-direction:column;align-items:flex-start;gap:16px}}