.settings-page{background:radial-gradient(100% 60% at 50% -10%,rgba(14,122,77,.06),transparent 55%),linear-gradient(#f8fafc 0%,#f1f5f9 45%,#ecfdf5 100%);flex:1;width:100%;max-width:32rem;margin:0 auto;padding:1.25rem 1rem 2rem}@media (min-width:768px){.settings-page{padding:1.75rem 1.5rem 2.5rem}}.settings-page .settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem 1.35rem;box-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px -4px rgba(15,23,42,.08)}.settings-page .settings-card-head{margin-bottom:1.25rem}.settings-page .settings-card-head h2{color:#0f172a;margin:0;font-size:.9375rem;font-weight:700}.settings-page .settings-card-head p{color:#64748b;margin:.35rem 0 0;font-size:.8125rem;line-height:1.45}.settings-page .settings-field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.settings-page .settings-field label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.6875rem;font-weight:600}.settings-page .settings-field input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.settings-page .settings-field input:focus{border-color:#0e7a4d;outline:none;box-shadow:0 0 0 3px rgba(14,122,77,.15)}.settings-page .settings-actions{flex-wrap:wrap;gap:.5rem;padding-top:.25rem;display:flex}.settings-page .settings-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0e7a4d 0%,#10b981 100%);border:none;border-radius:10px;padding:.5rem 1.1rem;font-size:.8125rem;font-weight:600;transition:opacity .15s,transform .12s;box-shadow:0 2px 8px rgba(14,122,77,.3)}.settings-page .settings-btn-primary:hover:not(:disabled){transform:translateY(-1px)}.settings-page .settings-btn-primary:disabled{opacity:.55;cursor:not-allowed}.settings-page .settings-btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.5rem 1.1rem;font-size:.8125rem;font-weight:600;transition:border-color .15s,background .15s}.settings-page .settings-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#a7f3d0}.settings-page .settings-btn-secondary:disabled{opacity:.55;cursor:not-allowed}.settings-page .settings-feedback{border-radius:10px;margin-top:1rem;padding:.65rem .75rem;font-size:.8125rem;line-height:1.4}.settings-page .settings-feedback--success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.settings-page .settings-feedback--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.settings-page .settings-feedback--warn{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.settings-page .settings-loading{color:#64748b;font-size:.875rem}.settings-page .settings-note{color:#94a3b8;margin-top:1.25rem;font-size:.75rem;line-height:1.45}.settings-page .settings-copy-row{align-items:stretch;gap:.5rem;display:flex}.settings-page .settings-copy-row code{white-space:nowrap;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-width:0;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;overflow-x:auto}.settings-page .settings-copy-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:border-color .15s,background .15s}.settings-page .settings-copy-btn:hover{background:#f8fafc;border-color:#a7f3d0}.settings-page .settings-secret-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.8125rem;line-height:1.4;display:flex}.settings-page .settings-secret-banner code{word-break:break-all;background:rgba(0,0,0,.06);border-radius:4px;padding:.1rem .4rem;font-weight:700}.settings-page .settings-secret-banner button{color:#92400e;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-weight:700;text-decoration:underline}.settings-page--wide{max-width:48rem}.settings-page .settings-toggle-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.settings-page .settings-toggle{cursor:pointer;align-items:center;gap:.6rem;font-weight:600;display:inline-flex}.settings-page .settings-toggle input{accent-color:#0e7a4d;cursor:pointer;width:1.1rem;height:1.1rem}.settings-page .settings-table-scroll{overflow-x:auto}.settings-page .settings-table{border-collapse:collapse;width:100%;min-width:30rem;font-size:.9rem}.settings-page .settings-table th,.settings-page .settings-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:.55rem .6rem}.settings-page .settings-table th{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.78rem}.settings-page .settings-sync-progress{gap:.3rem;min-width:11rem;display:grid}.settings-page .settings-sync-bar{background:#e2e8f0;border-radius:999px;height:.4rem;overflow:hidden}.settings-page .settings-sync-bar>span{border-radius:inherit;background:#0e7a4d;height:100%;transition:width .4s;animation:1.6s ease-in-out infinite settings-sync-pulse;display:block}.settings-page .settings-sync-label{color:#64748b;font-size:.78rem}@keyframes settings-sync-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.settings-page .settings-sync-bar>span{transition:none;animation:none}}.settings-page a.settings-btn-secondary{align-items:center;text-decoration:none;display:inline-flex}.confirm-dialog{max-width:30rem;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:auto;padding:1.25rem}.confirm-dialog::backdrop{background:rgba(10,26,56,.45)}.confirm-dialog h2{margin:0 0 .6rem;font-size:1.05rem}.confirm-dialog-body p{margin:0;font-size:.92rem;line-height:1.55}.confirm-dialog-field{margin-top:1rem;font-size:.85rem;display:block}.confirm-dialog-field input{width:100%;font:inherit;border:1px solid #e2e8f0;border-radius:8px;margin-top:.35rem;padding:.5rem .65rem;display:block}.confirm-dialog-actions{justify-content:flex-end;gap:.6rem;margin-top:1.25rem;display:flex}.confirm-dialog-actions button{font:inherit;cursor:pointer;border-radius:8px;padding:.5rem .9rem;font-weight:600}.confirm-dialog-danger{color:#fff;background:#c4483f;border:1px solid #c4483f}.confirm-dialog-danger:disabled{opacity:.55;cursor:not-allowed}