#settings-app{max-width:840px;display:flex;flex-direction:column;gap:var(--space-5)}.status-bar{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;gap:var(--space-2);animation:fadeSlideDown .3s ease-out}.status-bar.success{background:#e8f5e9;color:#2e7d32;border:1px solid #C8E6C9}.status-bar.error{background:#ffebee;color:#c62828;border:1px solid #FFCDD2}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--admin-border);overflow:hidden;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--admin-border);background:var(--admin-bg)}.card-icon{font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000a;flex-shrink:0}.card-header h2{font-size:var(--text-lg);font-weight:600;margin:0}.card-header p{font-size:var(--text-sm);color:var(--admin-text-muted);margin:2px 0 0}.card-body{padding:var(--space-2) 0}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);gap:var(--space-4);border-bottom:1px solid var(--admin-border);transition:background var(--transition-fast)}.setting-row:hover{background:var(--color-gray-50)}.setting-row:last-child{border-bottom:none}.setting-info{flex:1;min-width:0}.setting-label{font-size:var(--text-sm);font-weight:600;color:var(--admin-text);margin-bottom:2px}.setting-desc{font-size:var(--text-xs);color:var(--admin-text-muted);line-height:1.4}.toggle{position:relative;display:inline-flex;width:52px;height:28px;flex-shrink:0;cursor:pointer}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:var(--color-gray-300);border-radius:14px;transition:all var(--transition-base);box-shadow:inset 0 1px 3px #0000001a}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;background:var(--color-white);border-radius:50%;transition:all var(--transition-base);box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle-slider{background:var(--admin-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.toggle input:focus-visible+.toggle-slider{outline:2px solid var(--admin-primary);outline-offset:2px}.toggle:hover .toggle-slider{box-shadow:inset 0 1px 4px #00000026}.info-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#e3f2fd;border-radius:var(--radius-lg);border:1px solid #BBDEFB;font-size:var(--text-sm);color:#1565c0;line-height:1.5}.info-icon{flex-shrink:0;font-size:1.2rem}.info-content code{background:#0000000f;padding:1px 6px;border-radius:4px;font-size:12px;color:#0d47a1}.info-content strong{display:block;margin-bottom:2px}.save-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;position:sticky;bottom:0;background:var(--admin-bg);z-index:10}.save-bar .btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6)}.save-bar .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.save-hint{font-size:var(--text-xs);color:var(--admin-text-muted)}.btn .spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btnSpin .6s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.settings-card select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.settings-card .input{width:100%;max-width:320px;padding:10px 14px;border:1px solid var(--admin-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;background:var(--color-white);color:var(--admin-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-card .input:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.settings-card .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.settings-card .btn-outline{background:var(--color-white);border:1px solid var(--admin-border);color:var(--admin-text)}.settings-card .btn-outline:hover{border-color:var(--admin-primary);color:var(--admin-primary);background:var(--color-primary-50)}.settings-card .btn-primary{background:var(--admin-primary);border:1px solid var(--admin-primary);color:#fff}.settings-card .btn-primary:hover{background:var(--admin-primary-dark);box-shadow:var(--shadow-primary)}@media(max-width:640px){.setting-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.card-header{padding:var(--space-4)}.card-body{padding:0}.save-bar{flex-direction:column;align-items:stretch}.save-bar .btn{width:100%;justify-content:center}.save-hint{text-align:center}}