.settings-page{flex-direction:column;gap:1.5rem;display:flex}.settings-header{justify-content:space-between;align-items:flex-start;display:flex}.settings-header h3{margin:0;font-size:1.125rem;font-weight:600}.settings-header p{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.875rem}.settings-section-title{color:var(--color-text-primary);margin:0 0 1rem;font-size:.9375rem;font-weight:600}.settings-section-divider{border-top:1px solid var(--color-border);margin-top:.25rem;padding-top:1.25rem}.settings-card-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.settings-card-body h4{margin:0;font-size:1rem;font-weight:600}.settings-empty{text-align:center;color:var(--color-text-muted);padding:3rem}.settings-empty p{margin:0;font-size:.9375rem}.settings-empty p+p{margin-top:.5rem;font-size:.8125rem}.settings-loading{justify-content:center;padding:3rem;display:flex}.settings-item{padding:1.25rem}.settings-item-row{justify-content:space-between;align-items:flex-start;display:flex}.settings-item-content{flex:1}.settings-item-title{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.settings-item-title span:first-child{font-size:1rem;font-weight:600}.settings-item-meta{color:var(--color-text-muted);flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.settings-item-actions{flex-shrink:0;gap:.5rem;display:flex}.settings-type-badge{border-radius:4px;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-block}.settings-type-selector{gap:.75rem;display:flex}.settings-type-card{cursor:pointer;border:2px solid var(--color-border);background:#fff;border-radius:.5rem;flex:1;align-items:center;gap:.75rem;padding:1rem;transition:all .15s;display:flex}.settings-type-card.active{background:var(--color-primary-50);border-color:var(--color-primary)}.settings-type-card-label{font-size:.875rem;font-weight:600}.settings-type-card-desc{color:var(--color-text-muted);margin-top:.125rem;font-size:.75rem}.settings-actions{justify-content:flex-end;gap:.75rem;display:flex}.settings-hint{color:var(--color-text-muted);margin:.5rem 0 0;font-size:.75rem}.settings-select{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);background:#fff;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.settings-integration-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.settings-integration-card{border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1.25rem;transition:border-color .15s;display:flex}.settings-integration-card:hover{border-color:var(--color-primary)}.settings-integration-card-header{align-items:center;gap:.75rem;display:flex}.settings-integration-card-icon{background:var(--color-bg-muted);border-radius:.5rem;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-integration-card-title{font-size:.9375rem;font-weight:600}.settings-integration-card-desc{color:var(--color-text-muted);font-size:.8125rem;line-height:1.4}.settings-integration-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.settings-rule-card{border:1px solid var(--color-border);border-radius:.5rem;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:background .15s;display:flex}.settings-rule-card:hover{background:var(--color-bg-muted)}.settings-rule-info{flex:1;min-width:0}.settings-rule-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;overflow:hidden}.settings-rule-desc{color:var(--color-text-muted);margin-top:.125rem;font-size:.8125rem}.settings-smtp-section{margin-top:1rem}.settings-shortcuts-overlay{z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-shortcuts-panel{background:var(--bg,#fff);border-radius:12px;min-width:240px;padding:20px 24px;box-shadow:0 8px 32px #0003}.settings-shortcuts-panel kbd{background:var(--surface,#f3f4f6);border:1px solid var(--line,#e5e7eb);border-radius:4px;margin-right:4px;padding:2px 6px;font-family:monospace;font-size:.6875rem;display:inline-block}:root{--color-text-muted:#6b7280;--color-text-primary:#374151;--color-border:#e5e7eb;--color-bg-muted:#f9fafb;--color-primary:#2563eb;--color-primary-50:#eff6ff;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b}.dark{--color-text-muted:#9ca3af;--color-text-primary:#e5e7eb;--color-border:#374151;--color-bg-muted:#1f2937;--color-primary:#3b82f6;--color-primary-50:#1e3a5f;--color-success:#34d399;--color-danger:#f87171;--color-warning:#fbbf24}.settings-tab-content{flex-direction:column;gap:1.5rem;display:flex}.settings-section-header h3{margin:0;font-size:1.125rem;font-weight:600}.settings-section-desc{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.875rem}.settings-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.settings-card-title{align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:600;display:flex}.settings-card-header-row{justify-content:space-between;align-items:center;display:flex}.settings-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.settings-grid-2{grid-template-columns:1fr}}.settings-field{flex-direction:column;gap:.375rem;display:flex}.settings-field label{color:var(--color-text-primary);font-size:.8125rem;font-weight:500}.settings-field-compact{flex-direction:column;gap:.25rem;display:flex}.settings-field-compact label{color:var(--color-text-muted);font-size:.75rem}.settings-textarea{border:1px solid var(--color-border);resize:vertical;background:var(--bg,#fff);width:100%;min-height:60px;color:var(--color-text-primary);border-radius:.375rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.settings-logo-preview{border-radius:4px;max-width:200px;max-height:60px;margin-top:.5rem}.settings-color-input{align-items:center;gap:.5rem;display:flex}.settings-color-input input[type=color]{cursor:pointer;border:none;border-radius:4px;width:36px;height:36px}.settings-checkbox-row{align-items:center;gap:.5rem;display:flex}.settings-checkbox-row label{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.settings-checkbox-inline{cursor:pointer;align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.settings-inline-action{align-items:flex-end;gap:.5rem;display:flex}.settings-2fa-inactive p{color:var(--color-text-muted);margin:0 0 1rem;font-size:.875rem}.settings-2fa-setup{flex-direction:column;gap:1rem;display:flex}.settings-2fa-setup p{color:var(--color-text-muted);margin:0;font-size:.875rem}.settings-2fa-qr{justify-content:center;padding:1rem 0;display:flex}.settings-secret-code{background:var(--color-bg-muted);word-break:break-all;border-radius:4px;padding:.5rem .75rem;font-size:.8125rem;display:block}.settings-recovery-codes{background:var(--color-bg-muted);border-radius:.5rem;padding:1rem}.settings-recovery-codes h5{margin:0 0 .5rem;font-size:.875rem}.settings-recovery-codes p{color:var(--color-text-muted);margin:0 0 .75rem;font-size:.8125rem}.settings-codes-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.settings-codes-grid code{text-align:center;border:1px solid var(--color-border);background:#fff;border-radius:3px;padding:.25rem .5rem;font-size:.75rem}.settings-2fa-disable p{color:var(--color-text-muted);margin:0 0 .75rem;font-size:.875rem}.settings-sessions-list{flex-direction:column;gap:.5rem;display:flex}.settings-session-row{border:1px solid var(--color-border);border-radius:.375rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.settings-session-info{align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.settings-session-browser{font-weight:500}.settings-session-ip,.settings-session-date{color:var(--color-text-muted)}.settings-smtp-list{flex-direction:column;gap:.75rem;display:flex}.settings-smtp-row{border:1px solid var(--color-border);border-radius:.375rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.settings-smtp-info{align-items:center;gap:.75rem;display:flex}.settings-smtp-domain{font-size:.875rem;font-weight:500}.settings-smtp-email{color:var(--color-text-muted);font-size:.8125rem}.settings-smtp-dns{color:var(--color-text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.settings-smtp-dns .text-success{color:var(--color-success)}.settings-smtp-dns .text-warning{color:var(--color-warning)}.settings-sequences-list{flex-direction:column;gap:.75rem;display:flex}.settings-sequence-row{border:1px solid var(--color-border);border-radius:.375rem;align-items:center;gap:1rem;padding:.75rem;display:flex}.settings-sequence-type{min-width:80px;font-size:.875rem;font-weight:500}.settings-sequence-fields{flex-wrap:wrap;flex:1;align-items:flex-end;gap:.75rem;display:flex}.settings-sequence-preview{color:var(--color-text-muted);font-family:monospace;font-size:.75rem}.settings-created-key{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.settings-created-key p{margin:0 0 .5rem;font-size:.875rem}.settings-key-display{background:#fff;border-radius:4px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;display:flex}.settings-key-display code{word-break:break-all;flex:1;font-size:.75rem}.settings-keys-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.settings-key-row{border:1px solid var(--color-border);border-radius:.375rem;justify-content:space-between;align-items:center;padding:.625rem .75rem;display:flex}.settings-key-info{align-items:center;gap:.75rem;display:flex}.settings-key-name{font-size:.875rem;font-weight:500}.settings-key-prefix,.settings-key-date{color:var(--color-text-muted);font-size:.75rem}.settings-new-webhook{background:var(--color-bg-muted);border-radius:.5rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}.settings-events-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.375rem;display:grid}.settings-webhooks-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.settings-webhook-row{border:1px solid var(--color-border);border-radius:.375rem;justify-content:space-between;align-items:flex-start;padding:.75rem;display:flex}.settings-webhook-info{flex:1;min-width:0}.settings-webhook-url{word-break:break-all;margin-bottom:.5rem;font-size:.8125rem;display:block}.settings-webhook-events{flex-wrap:wrap;gap:.25rem;display:flex}.settings-webhook-actions{flex-shrink:0;gap:.25rem;display:flex}.reactEasyCrop_Container{-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.reactEasyCrop_Image,.reactEasyCrop_Video{will-change:transform}.reactEasyCrop_Contain{max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.reactEasyCrop_Cover_Horizontal{width:100%;height:auto}.reactEasyCrop_Cover_Vertical{width:auto;height:100%}.reactEasyCrop_CropArea{box-sizing:border-box;color:#00000080;border:1px solid #ffffff80;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 9999em}.reactEasyCrop_CropAreaRound{border-radius:50%}.reactEasyCrop_CropAreaGrid:before{content:" ";box-sizing:border-box;border:0;border-left:1px solid #ffffff80;border-right:1px solid #ffffff80;position:absolute;inset:0 33.33%}.reactEasyCrop_CropAreaGrid:after{content:" ";box-sizing:border-box;border:1px solid #ffffff80;border-left:0;border-right:0;position:absolute;inset:33.33% 0}.tr-section{gap:12px;display:grid}.tr-section-header{justify-content:space-between;align-items:center;display:flex}.tr-section-count{align-items:center;gap:8px;display:flex}.tr-section-count span{color:var(--text-faint);font-size:.8125rem}.tr-icon-faint{color:var(--text-faint)}.tr-form{padding:16px}.tr-form-title{color:var(--text);margin:0 0 12px;font-size:.8125rem;font-weight:600}.tr-form-subtitle{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.75rem;font-weight:600}.tr-form-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.tr-form-section{margin-top:12px}.tr-form-checkbox{margin-top:8px}.tr-loading{color:var(--text-faint);font-size:.8125rem}.tr-empty{text-align:center;padding:24px}.tr-empty-icon{color:var(--text-faint);margin-bottom:8px}.tr-empty-text{color:var(--text-faint);font-size:.75rem}.tr-list{gap:8px;display:grid}.tr-card{padding:12px}.tr-card-row{align-items:center;gap:12px;display:flex}.tr-card-body{flex:1}.tr-card-name{color:var(--text);font-size:.8125rem;font-weight:600}.tr-card-meta{color:var(--text-faint);margin-top:4px;font-size:.6875rem}.tr-card-prio-suffix{color:var(--text-faint);margin-left:8px;font-size:.6875rem}.tr-icon-danger{color:var(--danger)}.tr-icon-success{color:var(--success)}.tr-skill-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tr-skill-chip{background:var(--surface-hover);color:var(--text);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:inline-flex}.tr-skill-add{align-items:flex-end;gap:8px;display:flex}.tr-page{flex-direction:column;gap:32px;display:flex}.tr-search-bar{justify-content:flex-end;display:flex}.tr-divider{border-top:1px solid var(--line);padding-top:24px}.tr-heading{color:var(--text);margin:0 0 16px;font-size:1.125rem;font-weight:700}