.setting-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:20px;position:relative;transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm)}.setting-card:hover{border-color:#22c55e40;background:var(--surface-2);box-shadow:var(--shadow-md)}.setting-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.15;z-index:0;background:linear-gradient(to bottom,#fff0,#fff0 50%,#00000026 50%,#00000026);background-size:100% 4px;border-radius:inherit}.setting-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(180deg,#ffffff0f,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.setting-card-header{display:flex;align-items:center;gap:8px;color:var(--green);width:100%}.setting-card-header svg{flex-shrink:0}.setting-card h4{margin:0;font-size:1rem;font-weight:700;font-family:Outfit,sans-serif;color:var(--text);letter-spacing:-.005em}.setting-card-description{color:var(--text-muted);font-size:.8125rem;margin:0;line-height:1.55;max-width:500px;font-weight:400}.setting-card-field{display:flex;flex-direction:column;gap:var(--space-2);width:100%;position:relative;z-index:1}.setting-card-hint{font-size:.7rem;color:var(--text-dim);margin-top:2px;position:relative;z-index:1;line-height:1.5;font-weight:400;letter-spacing:.01em}