.settings-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:0.5rem}.settings-header p{color:#6b7280}.settings-card{background:white;border:1px solid var(--secondary-btn-bg-color);border-radius:0.75rem;padding:1.5rem;margin-bottom:1.5rem}.settings-card-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:0.875rem;font-weight:600;color:#374151;margin-bottom:0.5rem}.form-select{width:100%;padding:0.75rem 1rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:1rem;background:white;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;cursor:pointer;transition:all 0.3s ease}.form-input{width:100%;padding:0.75rem 1rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:1rem;background:white;appearance:none;background-position:right 0.75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;cursor:pointer;transition:all 0.3s ease}.form-input:focus{outline:none;border-color:var(--main-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.form-select:focus{outline:none;border-color:var(--main-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.btn-primary{padding:0.75rem 1.5rem;background:linear-gradient(135deg,var(--main-color),#1d4ed8);color:white;border:none;border-radius:0.375rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(37,99,235,0.2)}.integration-actions{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:0.75rem}.btn-integration{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.65rem 1.1rem;border-radius:0.5rem;color:#fff;text-decoration:none;font-weight:600;font-size:0.9rem;border:none}.btn-integration-banks{background:linear-gradient(135deg,#6366f1,#4f46e5)}.btn-integration-subscribe{background:linear-gradient(135deg,var(--main-color),#1d4ed8)}.referral-link-container{display:flex;gap:0.5rem;margin-bottom:1rem}.referral-input{flex:1;padding:0.75rem 1rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:0.875rem;background:#f9fafb;color:#374151}.btn-copy{padding:0.75rem 1rem;background:var(--success-main-color);color:white;border:none;border-radius:0.375rem;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.btn-copy:hover{background:#059669}.btn-copy.copied{background:#6b7280}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.stat-item{background:#f9fafb;border-radius:0.5rem;padding:1rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--main-color)}.stat-label{font-size:0.75rem;color:#6b7280;margin-top:0.25rem}.account-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:0.5rem;margin-bottom:1rem}.account-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--main-color),#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1.25rem;flex-shrink:0}.account-details{flex:1;min-width:0}.account-email{font-weight:600;color:#1f2937;word-break:break-all}.account-group{font-size:0.875rem;color:#6b7280}.btn-logout{padding:0.5rem 1rem;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:0.375rem;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-decoration:none;flex-shrink:0}.btn-logout:hover{background:#fecaca}.fop-info{font-size:0.75rem;color:#6b7280;margin-top:0.5rem;padding:0.75rem;background:#f3f4f6;border-radius:0.375rem;line-height:1.6}@media (max-width:640px){.settings-page{padding:1rem}.referral-link-container{flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.account-info{flex-wrap:wrap}.account-info .btn-logout{width:100%;text-align:center;margin-top:0.5rem}}.week-schedule{display:flex;flex-direction:column;gap:0.25rem}.week-day-row{display:flex;align-items:flex-start;gap:1rem;padding:0.85rem 0;border-bottom:1px solid #f3f4f6;flex-wrap:wrap}.week-day-row:last-child{border-bottom:none}.day-toggle{display:flex;align-items:center;gap:0.6rem;min-width:140px;cursor:pointer;padding-top:0.4rem}.day-toggle input[type="checkbox"]{width:1.15rem;height:1.15rem;accent-color:var(--main-color);cursor:pointer}.day-name{font-weight:600;color:#1f2937}.day-intervals{display:flex;flex-direction:column;gap:0.5rem;flex:1;min-width:220px}.week-day-off .day-intervals,.week-day-off .interval-add-btn{display:none}.day-off-label{display:none;color:#9ca3af;font-size:0.875rem;padding-top:0.4rem}.week-day-off .day-off-label{display:block}.week-day-off .day-name{color:#9ca3af}.interval-row{display:flex;align-items:center;gap:0.5rem}.interval-time{padding:0.5rem 0.65rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:0.9rem}.interval-time:focus{outline:none;border-color:var(--main-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.interval-dash{color:#9ca3af}.interval-remove-btn{border:1px solid #fecaca;color:#b91c1c;background:#fff;border-radius:0.375rem;width:1.75rem;height:1.75rem;cursor:pointer;font-size:0.8rem;line-height:1;flex-shrink:0}.interval-remove-btn:hover{background:#fee2e2}.interval-add-btn{background:#f3f4f6;color:var(--main-color);border:1px dashed var(--main-color);border-radius:0.375rem;padding:0.4rem 0.75rem;cursor:pointer;font-weight:600;font-size:0.8rem;white-space:nowrap;align-self:flex-start;margin-top:0.3rem}@media (max-width:640px){.week-day-row{flex-direction:column;gap:0.5rem}.day-toggle{padding-top:0}}.api-sandbox-note{background:#fffbeb;border:1px solid #fde68a;border-radius:.6rem;padding:.85rem 1rem;color:#92400e;font-size:.9rem;line-height:1.55;margin-bottom:1rem}.api-token-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.75rem}.api-token{border:1px solid #e5e7eb;border-radius:.6rem;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.6rem}.api-token-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.api-token-badge{font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:1rem}.api-token-badge--sandbox{background:#fef3c7;color:#92400e}.api-token-badge--live{background:#d1fae5;color:#065f46}.api-token-meta{color:#6b7280;font-size:.82rem}.api-token-key-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.api-token-key{flex:1;min-width:220px;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:.82rem;padding:.5rem .65rem;border:1px solid #e5e7eb;border-radius:.45rem;background:#f9fafb;color:#374151}.api-token-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.api-token-revoke{background:none;border:1px solid #fecaca;color:#b91c1c;border-radius:.45rem;padding:.35rem .7rem;font-size:.82rem;cursor:pointer}.api-token-revoke:hover{background:#fef2f2}.api-token-create{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.api-token-create .form-input{flex:1;min-width:220px}.api-token-docs{margin-top:1.1rem;padding-top:1rem;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.2rem}.webhook{border:1px solid #e5e7eb;border-radius:.6rem;padding:.95rem 1rem;margin-bottom:.85rem;display:flex;flex-direction:column;gap:.7rem}.webhook-head{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.webhook-url{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:.85rem;color:#111827;word-break:break-all}.webhook-badge-off{font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:1rem;background:#fee2e2;color:#991b1b}.webhook-events{display:flex;flex-direction:column;gap:.35rem}.webhook-event{display:flex;align-items:center;gap:.5rem;font-size:.87rem;cursor:pointer}.webhook-event code{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:.8rem;color:#374151}.webhook-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.35rem}.webhook-secret-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.webhook-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;border-top:1px solid #f3f4f6;padding-top:.7rem}.webhook-log>summary{cursor:pointer;font-size:.85rem;color:#2563eb}.webhook-log ul{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.webhook-log li{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem}.webhook-log-status{font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:1rem}.webhook-log-status--success{background:#d1fae5;color:#065f46}.webhook-log-status--failed{background:#fee2e2;color:#991b1b}.webhook-log-status--pending{background:#fef3c7;color:#92400e}.webhook-create .form-input{max-width:520px}.form-error{margin-top:0.35rem;color:#dc2626;font-size:0.8rem}.team-form{display:flex;flex-direction:column;gap:.5rem}.team-label{font-size:.875rem;font-weight:500;color:#374151;margin-top:.5rem}.team-input{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font:inherit;max-width:420px;background:#fff}.team-btn{display:inline-block;padding:.55rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:#374151;font:inherit;font-size:.875rem;cursor:pointer;text-decoration:none}.team-btn--primary{background:var(--main-color);border-color:var(--main-color);color:#fff;align-self:flex-start;margin-top:.75rem;font-weight:500}.team-btn--primary:hover{background:#1d4ed8;color:#fff}.team-btn--danger{color:var(--danger-color);border-color:#fecaca}.team-btn--danger:hover{background:#fef2f2}.team-person{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;border-top:1px solid #f3f4f6}details.team-person{display:block}details.team-person summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;list-style:none}details.team-person summary::-webkit-details-marker{display:none}details.team-person[open] summary{margin-bottom:.75rem}.team-person-name{font-weight:600;color:#1f2937}.team-person-email{font-size:.8rem;color:#6b7280}.team-badge{font-size:.75rem;padding:.2rem .6rem;border-radius:999px;background:#eff6ff;color:var(--main-color);white-space:nowrap}.team-empty{color:#6b7280;font-size:.9rem;padding-top:.5rem}.team-actions{display:flex;gap:.5rem}.team-remove{margin-top:.5rem}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:.75rem}.perm-module{border:1px solid #e5e7eb;border-radius:.5rem;padding:.6rem .8rem}.perm-module legend{font-size:.8rem;font-weight:600;color:#374151;padding:0 .25rem}.perm-check{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;padding:.2rem 0}@media (max-width:768px){.team-person{flex-wrap:wrap}}.ai-lead{color:#4b5563;max-width:680px;line-height:1.6}.ai-examples{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;margin-top:.75rem}.ai-example{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.6rem;padding:.75rem .9rem;font-size:.9rem;color:#1f2937}.ai-token{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.6rem;padding:.75rem .9rem;margin-top:.5rem}.ai-token code{font-size:.85rem;word-break:break-all;flex:1;min-width:0}.ai-warn{font-size:.85rem;color:#047857;margin-top:.5rem}.ai-code{background:#111827;color:#e5e7eb;border-radius:.6rem;padding:.8rem 1rem;font-size:.8rem;overflow-x:auto;white-space:pre;margin:.5rem 0 0}.ai-steps{margin:.25rem 0 0 1.1rem;color:#374151;line-height:1.7;font-size:.92rem}.ai-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.ai-tab{padding:.4rem .8rem;border:1px solid #d1d5db;border-radius:999px;background:#fff;font:inherit;font-size:.85rem;cursor:pointer;color:#374151}.ai-tab[aria-selected=true]{background:var(--main-color);border-color:var(--main-color);color:#fff}.ai-panel[hidden]{display:none}.ai-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;margin-top:.5rem}.ai-module{border:1px solid #e5e7eb;border-radius:.6rem;padding:.75rem .9rem}.ai-module h4{margin:0 0 .4rem;font-size:.95rem;color:#1f2937;display:flex;justify-content:space-between;gap:.5rem}.ai-module ul{margin:0;padding-left:1rem;font-size:.85rem;color:#4b5563;line-height:1.6}.ai-off{font-size:.72rem;font-weight:500;color:#9ca3af;white-space:nowrap}.ai-paywall{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.6rem;padding:1rem;color:#1e3a8a}.ai-check{display:flex;gap:.5rem;align-items:flex-start;font-size:.875rem;color:#374151;margin-top:.5rem}