.settings-page{max-width:37.5rem;margin:0 auto;padding:1rem}.settings-page h1{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#2c3e50}.settings-login-required{text-align:center;color:#666;padding:2rem}.settings-login-required a{color:#3498db;text-decoration:none}.settings-login-required a:hover{text-decoration:underline}.settings-section{background:#fff;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;box-shadow:0 .125rem .5rem #0000001a}.settings-section h2{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.settings-description{font-size:.9rem;color:#7f8c8d;margin-bottom:1rem}.hand-preference-options{display:flex;flex-direction:column;gap:.75rem}.hand-preference-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border:2px solid #ecf0f1;border-radius:.5rem;transition:all .2s}.hand-preference-option:hover{border-color:#3498db;background:#f8f9fa}.hand-preference-option input[type=radio]{width:1.25rem;height:1.25rem;accent-color:#3498db;cursor:pointer;margin:0;padding:0;min-height:auto}.hand-preference-option input[type=radio]:checked+.option-label{color:#3498db;font-weight:600}.option-label{font-size:1rem;color:#2c3e50}.api-limit-note,.webhook-limit-note{font-size:.875rem;color:#e67e22;margin-top:.5rem}.webhook-secret-note{font-size:.875rem;color:#7f8c8d;margin-top:.5rem}.issued-token-alert{background:#d4edda;border:1px solid #c3e6cb;border-radius:.5rem;padding:1rem;margin:1rem 0}.token-warning{color:#856404;font-weight:600;margin:.5rem 0}.token-display{display:flex;gap:.5rem;align-items:center;margin:.75rem 0}.token-display code{flex:1;background:#fff;padding:.75rem;border-radius:.25rem;font-size:.75rem;word-break:break-all;border:1px solid #c3e6cb}.copy-button{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;white-space:nowrap}.copy-button:hover{background:#218838}.close-button{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}.close-button:hover{background:#5a6268}.issue-token-button{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:1rem;margin:1rem 0}.issue-token-button:hover{background:#2980b9}.issue-token-form{background:#f8f9fa;padding:1rem;border-radius:.5rem;margin:1rem 0}.issue-token-form label{display:block;margin-bottom:.5rem;font-weight:600}.issue-token-form input{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:.25rem;margin-top:.25rem}.issue-token-form.webhook-form{display:flex;flex-direction:column;gap:.75rem}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.form-actions button{padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}.form-actions button:first-child{background:#3498db;color:#fff}.form-actions button:first-child:hover{background:#2980b9}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover{background:#5a6268}.token-list{list-style:none;padding:0;margin:1rem 0}.token-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #dee2e6;border-radius:.25rem;margin-bottom:.5rem}.webhook-list li{align-items:flex-start}.webhook-secret-status{font-size:.75rem;color:#2c3e50;font-weight:600}.token-info{display:flex;flex-direction:column;gap:.25rem}.token-date{font-size:.75rem;color:#6c757d}.revoke-button{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;white-space:nowrap}.revoke-button:hover{background:#c82333}.api-usage-guide{background:#f8f9fa;padding:1rem;border-radius:.5rem;margin-top:1.5rem}.api-usage-guide h3{font-size:1rem;margin-bottom:.5rem}.api-usage-guide pre{background:#2c3e50;color:#ecf0f1;padding:.75rem;border-radius:.25rem;overflow-x:auto;font-size:.875rem}.webhook-example{margin-top:1rem}.toggle-example-button{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}.toggle-example-button:hover{background:#5a6268}.webhook-example-body{background:#2c3e50;color:#ecf0f1;padding:.75rem;border-radius:.25rem;overflow-x:auto;font-size:.875rem;margin-top:.75rem}.webhook-limit-warning{font-size:.875rem;color:#dc3545;margin-top:.5rem}.webhook-create-form{background:#f8f9fa;padding:1rem;border-radius:.5rem;margin:1rem 0;display:flex;flex-direction:column;gap:.75rem}.webhook-create-form h3{font-size:1rem;font-weight:600;margin:0}.webhook-type-selector{display:flex;flex-direction:column;gap:.5rem}.webhook-field-label{font-size:.9rem;font-weight:600;color:#2c3e50}.webhook-field-hint{font-size:.8rem;color:#7f8c8d;margin:.125rem 0 .5rem}.webhook-type-options{display:flex;gap:.75rem}.webhook-type-option{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;padding:.75rem;border:2px solid #ecf0f1;border-radius:.5rem;flex:1;transition:border-color .2s}.webhook-type-option:hover{border-color:#3498db}.webhook-type-option input[type=radio]{width:1.125rem;height:1.125rem;accent-color:#3498db;cursor:pointer;margin:0;margin-top:.125rem}.webhook-type-option-content{display:flex;flex-direction:column;gap:.125rem}.webhook-type-option-content strong{font-size:.9rem;color:#2c3e50}.webhook-type-option-content span{font-size:.75rem;color:#7f8c8d}.webhook-form-label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;font-weight:600;color:#2c3e50}.webhook-form-input{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:.25rem;font-size:.9rem;font-weight:400;box-sizing:border-box}.webhook-form-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.webhook-custom-headers-editor{display:flex;flex-direction:column;gap:.375rem}.webhook-header-row{display:flex;gap:.375rem;align-items:center}.webhook-header-key,.webhook-header-value{flex:1;padding:.5rem;border:1px solid #ced4da;border-radius:.25rem;font-size:.85rem;min-width:0}.webhook-header-key:focus,.webhook-header-value:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.webhook-header-remove{background:none;border:none;color:#dc3545;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:.25rem;flex-shrink:0}.webhook-header-remove:hover{background:#fde8ea}.webhook-header-add{background:none;border:1px dashed #ced4da;color:#3498db;padding:.375rem .75rem;border-radius:.25rem;cursor:pointer;font-size:.85rem;align-self:flex-start}.webhook-header-add:hover{border-color:#3498db;background:#f0f7ff}.webhook-body-editor{display:flex;flex-direction:column;gap:.375rem}.webhook-body-presets{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.webhook-body-presets-label{font-size:.8rem;color:#7f8c8d;font-weight:600;white-space:nowrap}.webhook-body-preset-button{background:#fff;border:1px solid #ced4da;color:#2c3e50;padding:.25rem .5rem;border-radius:.25rem;cursor:pointer;font-size:.8rem;transition:all .15s}.webhook-body-preset-button:hover{border-color:#3498db;background:#f0f7ff;color:#3498db}.webhook-body-textarea{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:.25rem;font-family:monospace;font-size:.8rem;line-height:1.5;resize:vertical;min-height:5rem;box-sizing:border-box}.webhook-body-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.webhook-body-variables{display:flex;flex-direction:column;gap:.25rem}.webhook-body-variables-label{font-size:.8rem;color:#7f8c8d;font-weight:600}.webhook-body-variable-tags{display:flex;flex-wrap:wrap;gap:.25rem}.webhook-body-variable-tag{background:#ecf0f1;border:1px solid #dee2e6;color:#2c3e50;padding:.125rem .375rem;border-radius:.25rem;cursor:pointer;font-size:.75rem;transition:all .15s}.webhook-body-variable-tag:hover{background:#d1ecf1;border-color:#3498db;color:#0c5460}.webhook-schedule-config{display:flex;flex-direction:column;gap:.5rem}.webhook-schedule-type-options{display:flex;gap:.5rem;flex-wrap:wrap}.webhook-schedule-type-option{display:flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.9rem;color:#2c3e50;padding:.375rem .625rem;border:1px solid #ced4da;border-radius:.375rem;transition:all .15s}.webhook-schedule-type-option:hover{border-color:#3498db;background:#f0f7ff}.webhook-schedule-type-option input[type=radio]{width:.875rem;height:.875rem;accent-color:#3498db;cursor:pointer;margin:0}.webhook-schedule-details{padding:.5rem 0}.webhook-schedule-field{display:flex;align-items:center;gap:.375rem;font-size:.9rem;color:#2c3e50;flex-wrap:wrap}.webhook-schedule-field select{padding:.375rem .5rem;border:1px solid #ced4da;border-radius:.25rem;font-size:.9rem;background:#fff;cursor:pointer}.webhook-schedule-field select:focus{outline:none;border-color:#3498db}.webhook-guide-toggle{margin:.75rem 0}.webhook-guide{background:#f8f9fa;padding:1rem;border-radius:.5rem;margin:.75rem 0}.webhook-guide h3{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:#2c3e50}.webhook-guide-section{margin-bottom:.75rem}.webhook-guide-section:last-child{margin-bottom:0}.webhook-guide-section h4{font-size:.9rem;font-weight:600;color:#2c3e50;margin:0 0 .25rem}.webhook-guide-section p{font-size:.85rem;color:#555;margin:.25rem 0}.webhook-guide-section ul{font-size:.85rem;color:#555;margin:.25rem 0;padding-left:1.5rem}.webhook-guide-section li{margin-bottom:.25rem}.webhook-guide-code{background:#2c3e50;color:#ecf0f1;padding:.5rem .75rem;border-radius:.25rem;font-size:.8rem;overflow-x:auto;margin:.375rem 0;white-space:pre}.webhook-list{list-style:none;padding:0;margin:.75rem 0}.webhook-list-item{border:1px solid #dee2e6;border-radius:.5rem;padding:.75rem;margin-bottom:.5rem}.webhook-item-main{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.webhook-item-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.webhook-item-url{font-size:.85rem;color:#2c3e50;word-break:break-all}.webhook-item-badges{display:flex;gap:.375rem;flex-wrap:wrap}.webhook-badge{font-size:.7rem;padding:.125rem .375rem;border-radius:.25rem;font-weight:600;white-space:nowrap}.webhook-badge-event{background:#d4edda;color:#155724}.webhook-badge-batch{background:#d1ecf1;color:#0c5460}.webhook-badge-secret{background:#fff3cd;color:#856404}.webhook-badge-headers{background:#e2e3f1;color:#383d6e}.webhook-item-actions{display:flex;flex-direction:column;gap:.375rem;flex-shrink:0}.webhook-add-batch-button{background:#6c757d;color:#fff;border:none;padding:.375rem .625rem;border-radius:.25rem;cursor:pointer;font-size:.8rem;white-space:nowrap}.webhook-add-batch-button:hover{background:#5a6268}.webhook-schedules{margin-top:.625rem;padding-top:.625rem;border-top:1px solid #ecf0f1;display:flex;flex-direction:column;gap:.375rem}.webhook-schedule-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;background:#f8f9fa;border-radius:.25rem;font-size:.85rem}.webhook-schedule-info{display:flex;align-items:center;gap:.5rem}.webhook-schedule-timing{color:#2c3e50;font-weight:500}.webhook-schedule-status{font-size:.7rem;padding:.0625rem .375rem;border-radius:.25rem;font-weight:600}.webhook-schedule-status.active{background:#d4edda;color:#155724}.webhook-schedule-status.inactive{background:#f8d7da;color:#721c24}.webhook-schedule-delete{background:none;border:none;color:#dc3545;font-size:.8rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem}.webhook-schedule-delete:hover{background:#fde8ea}.webhook-batch-add-form{margin-top:.625rem;padding-top:.625rem;border-top:1px solid #ecf0f1;display:flex;flex-direction:column;gap:.625rem}.webhook-batch-add-form h4{font-size:.9rem;font-weight:600;margin:0;color:#2c3e50}.webhook-error-message{color:#dc3545;font-size:.85rem;margin:0}@media(min-width:640px){.settings-page{padding:1.5rem}.settings-page h1{font-size:1.75rem;margin-bottom:2rem}.settings-section{padding:1.5rem;margin-bottom:1.5rem}.hand-preference-options{flex-direction:row;gap:1rem}.hand-preference-option{flex:1;padding:1rem}}