.settings-container{max-width:900px;margin:0 auto;padding:2rem}.settings-header{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.settings-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem}.settings-user{color:var(--text-secondary);font-size:.9rem}.settings-content{flex-direction:column;gap:2rem;display:flex}.settings-section{background:var(--card-bg);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.settings-section h2{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem}.setting-item{margin-bottom:1.5rem}.setting-item:last-child{margin-bottom:0}.setting-label{color:var(--text-primary);margin-bottom:.75rem;font-size:1rem;font-weight:600;display:block}.theme-selector{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.theme-option{background:var(--input-bg);border:2px solid var(--border-color);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;transition:all .3s;display:flex}.theme-option:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-option.active{border-color:var(--accent-color);background:var(--accent-light);box-shadow:var(--shadow-md)}.theme-preview{border:1px solid var(--border-color);border-radius:4px;width:100%;height:80px;position:relative;overflow:hidden}.light-preview{background:#f7fafc}.light-preview .preview-header{background:#fff;border-bottom:1px solid #e2e8f0;height:30%}.light-preview .preview-content{background:#f7fafc;height:70%}.dark-preview{background:#1a202c}.dark-preview .preview-header{background:#2d3748;border-bottom:1px solid #4a5568;height:30%}.dark-preview .preview-content{background:#1a202c;height:70%}.project-preview{background:#000;position:relative}.project-preview .preview-header{background:#1a1a1a;border-bottom:2px solid #f74c00;height:30%;position:relative}.project-preview .preview-header:after{content:"";background:#f74c00;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:8px;transform:translateY(-50%);box-shadow:0 0 8px #f74c0099}.project-preview .preview-content{background:#000;height:70%}.theme-option span{color:var(--text-primary);font-size:.9rem;font-weight:600}.toggle-switch{width:50px;height:24px;display:inline-block;position:relative}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0}.toggle-switch label{cursor:pointer;background-color:var(--border-color);border-radius:24px;transition:all .4s;position:absolute;inset:0}.toggle-switch label:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+label{background-color:var(--accent-color)}.toggle-switch input:checked+label:before{transform:translate(26px)}.btn-secondary{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.btn-secondary:hover{background:var(--border-color)}.btn-danger{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.btn-danger:hover{background:#c82333}.danger-zone{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.danger-zone h3{color:#dc3545;margin-bottom:.75rem;font-size:1.1rem}@media (max-width:768px){.settings-container{padding:1rem}.theme-selector{flex-direction:column}.settings-section{padding:1rem}}