body.settings-page{overflow:auto!important;height:auto!important;min-height:100vh}.settings-page{background:var(--bg-primary, #121212);min-height:100vh;color:var(--text-primary, #E0E0E0)}.settings-header{background:var(--bg-secondary, #1E1E2D);box-shadow:0 2px 8px #0000004d;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));padding:20px;margin-bottom:30px}.settings-header .header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px}.settings-header h1{font-size:24px;font-weight:700;color:var(--text-primary, #E0E0E0);margin:0}.btn-back{color:var(--accent-primary, #4285f4);text-decoration:none;font-size:14px;padding:8px 16px;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-back:hover{background:var(--bg-tertiary, #2A2A3A);color:var(--accent-hover, #357ae8)}.btn-back .btn-icon-small{width:16px;height:16px}.settings-main{max-width:800px;margin:0 auto;padding:0 20px 40px}.settings-content{display:flex;flex-direction:column;gap:30px}.settings-section{background:var(--bg-secondary, #1E1E2D);border-radius:12px;padding:0;box-shadow:0 2px 8px #0000004d;border:1px solid var(--border-color, rgba(255, 255, 255, .1));margin-bottom:16px;overflow:hidden}.settings-section summary{padding:20px 30px;cursor:pointer;font-size:20px;font-weight:600;color:var(--text-primary, #E0E0E0);display:flex;align-items:center;gap:12px;list-style:none;transition:background .2s}.settings-section summary::-webkit-details-marker{display:none}.settings-section summary:hover{background:var(--bg-tertiary, #2A2A3A)}.settings-section[open] summary{border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.settings-section>*:not(summary){padding:0 30px 30px}.settings-section h2{font-size:20px;font-weight:600;color:var(--text-primary, #E0E0E0);margin-bottom:8px;display:inline}.section-description{color:var(--text-secondary, #B0B0B0);font-size:14px;margin-bottom:20px;line-height:1.6;margin-top:16px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;color:var(--text-primary, #E0E0E0);margin-bottom:8px;font-size:14px}.form-select{width:100%;padding:12px 16px;border:2px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;font-size:16px;background:var(--bg-tertiary, #2A2A3A);color:var(--text-primary, #E0E0E0);cursor:pointer;transition:border-color .2s}.form-select:focus{outline:none;border-color:var(--accent-primary, #4285f4);box-shadow:0 0 0 3px var(--accent-light, rgba(66, 133, 244, .1))}.feature-toggle-list{display:flex;flex-direction:column;gap:12px}.feature-toggle-item{display:flex;align-items:center;padding:12px;background:var(--bg-tertiary, #2A2A3A);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;transition:all .2s}.feature-toggle-item:hover{background:var(--bg-secondary, #1E1E2D);border-color:var(--border-hover, rgba(255, 255, 255, .2))}.feature-toggle-item label{display:flex;align-items:center;gap:12px;cursor:pointer;width:100%;margin:0}.feature-toggle-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary, #4285f4)}.feature-toggle-item span{font-size:16px;color:var(--text-primary, #E0E0E0)}.form-group label input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary, #4285f4)}.form-group label span{color:var(--text-primary, #E0E0E0)}.faces-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.face-item{background:var(--bg-tertiary, #2A2A3A);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;padding:16px;transition:all .2s}.face-item:hover{box-shadow:0 2px 8px #0006;border-color:var(--border-hover, rgba(255, 255, 255, .2))}.face-item-content{display:flex;justify-content:space-between;align-items:center}.face-item-info h3{font-size:16px;font-weight:600;color:var(--text-primary, #E0E0E0);margin:0 0 4px}.face-item-notes{font-size:14px;color:var(--text-secondary, #B0B0B0);margin:0}.btn-delete{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-delete:hover{background:#ff6b6b33;border-color:#ff6b6b80;transform:scale(1.05)}.settings-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.btn-primary{background:var(--accent-primary, #4285f4);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--accent-hover, #357ae8);transform:translateY(-2px);box-shadow:0 4px 12px #4285f466}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-status{padding:12px 16px;border-radius:8px;font-size:14px}.save-status.success{background:#51cf661a;color:#51cf66;border:1px solid rgba(81,207,102,.3)}.save-status.error{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.save-status.info{background:#4285f41a;color:var(--accent-primary, #4285f4);border:1px solid rgba(66,133,244,.3)}.loading-state,.empty-state{text-align:center;padding:40px;color:var(--text-secondary, #B0B0B0);font-size:14px}.danger-zone{border-color:#ff6b6b4d!important}.danger-zone summary{color:#ff6b6b!important}.danger-zone-content{margin-top:16px}.danger-zone-content p{color:var(--text-secondary, #B0B0B0);margin-bottom:12px}.danger-zone-content ul{color:var(--text-secondary, #B0B0B0);margin:12px 0 20px 20px;line-height:1.8}.danger-zone-content li{margin-bottom:4px}.btn-danger{background:#ff6b6b1a;border:2px solid #ff6b6b;color:#ff6b6b;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-danger:hover{background:#ff6b6b33;border-color:#ff5252;color:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}