.account-form-container .account-form-card{display:flex}.account-form-container .account-form-card .account-form-wrapper{width:50%}.account-form-container .account-form-card .account-image-display{display:flex;justify-content:flex-end;width:50%}.account-form-container .account-form-card .uploaded-image{width:360px}@media(max-width:768px){.account-form-container .account-form-card{display:flex}.account-form-container .account-form-card .account-form-wrapper{width:50%}.account-form-container .account-form-card .account-image-display{display:flex;justify-content:flex-end;width:50%}.account-form-container .account-form-card .uploaded-image{width:360px}}@media(max-width:576px){.account-form-container .account-form-card{display:block}.account-form-container .account-form-card .account-form-wrapper{width:100%}.account-form-container .account-form-card .account-image-display{display:block;width:100%}.account-form-container .account-form-card .uploaded-image{width:360px}}.setting-page{background-color:#f5f5f5;min-height:100vh;padding:0;position:relative}.setting-page .k-tabstrip{box-shadow:0 2px 4px rgba(0,0,0,.1)}.setting-page .k-tabstrip,.setting-page .k-tabstrip .k-tabstrip-items{background-color:#f8f9fa;border:none}.setting-page .k-tabstrip .k-tabstrip-items .k-item{background:transparent;border:none;flex:1;margin:0;padding:0}.setting-page .k-tabstrip .k-tabstrip-items .k-item .k-link{align-items:center;background:transparent;border:none;border-radius:0;color:#6c757d;display:flex;font-weight:500;gap:8px;padding:16px 24px;transition:all .3s ease}.setting-page .k-tabstrip .k-tabstrip-items .k-item .k-link:hover{background-color:#e9ecef;color:#495057}.setting-page .k-tabstrip .k-tabstrip-items .k-item .k-link svg{height:18px;width:18px}.setting-page .k-tabstrip .k-tabstrip-items .k-item.k-active .k-link{background-color:#3f51b5;border:none;color:#fff}.setting-page .k-tabstrip .k-content{background:transparent;border:none;padding:0}.setting-page .tabs-card{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:24px}.setting-page .tabs-card .k-card-body{padding:32px}.setting-page .card-header{border-bottom:1px solid #e9ecef;margin-bottom:32px;padding-bottom:16px}.setting-page .card-header .card-title{align-items:center;color:#212529;display:flex;font-size:24px;font-weight:600;gap:12px;line-height:1;margin:0 0 8px}.setting-page .card-header .card-title svg{color:#007bff;height:24px;width:24px}.setting-page .card-header .card-subtitle{color:#6c757d;font-size:14px;margin:0}.setting-page .field-main{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.setting-page .field-main .field-wrapper{display:flex;flex-direction:column;gap:8px}.setting-page .field-main .field-wrapper .k-label{color:#495057;font-size:14px;font-weight:500;margin-bottom:4px}.setting-page .field-main .field-wrapper .helper-text{color:#6c757d;font-size:12px;margin-top:4px}.setting-page .field-main .field-wrapper .radio-wrapper{display:flex;flex-wrap:wrap;gap:16px}.setting-page .field-main .field-wrapper .radio-wrapper .k-radio-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px}.setting-page .field-main .field-wrapper .radio-wrapper .k-radio{height:16px;width:16px}.setting-page .field-main .field-wrapper .checkbox-wrapper .checkbox-item{align-items:center;display:flex;gap:12px;margin-bottom:8px}.setting-page .field-main .field-wrapper .checkbox-wrapper .checkbox-item .custom-checkbox{appearance:none;background-color:#fff;border:2px solid #ced4da;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .3s ease;width:18px}.setting-page .field-main .field-wrapper .checkbox-wrapper .checkbox-item .custom-checkbox:checked{background-color:#3f51b5;border-color:#3f51b5}.setting-page .field-main .field-wrapper .checkbox-wrapper .checkbox-item .custom-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.setting-page .field-main .field-wrapper .checkbox-wrapper .checkbox-item .custom-checkbox:focus{box-shadow:0 0 0 3px rgba(0,123,255,.1);outline:none}.setting-page .field-main .field-wrapper .checkbox-wrapper .checkbox-item .custom-checkbox:hover{border-color:#007bff}.setting-page .field-main .field-wrapper .checkbox-wrapper .checkbox-item .checkbox-label{color:#495057;cursor:pointer;font-size:14px;font-weight:500;user-select:none}.setting-page .auth-methods-tabs{margin-bottom:32px}.setting-page .auth-methods-tabs .auth-tabstrip{background-color:#f8f9fa;border:none;border-radius:8px;padding:4px}.setting-page .auth-methods-tabs .auth-tabstrip .k-tabstrip-items{background-color:transparent;border:none;padding:0}.setting-page .auth-methods-tabs .auth-tabstrip .k-tabstrip-items .k-item{background:transparent;border:none;flex:1;margin:0;padding:0}.setting-page .auth-methods-tabs .auth-tabstrip .k-tabstrip-items .k-item .k-link{align-items:center;background:transparent;border:none;border-radius:6px;color:#6c757d;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.setting-page .auth-methods-tabs .auth-tabstrip .k-tabstrip-items .k-item .k-link:hover{background-color:#e9ecef;color:#495057}.setting-page .auth-methods-tabs .auth-tabstrip .k-tabstrip-items .k-item .k-link svg{height:18px;width:18px}.setting-page .auth-methods-tabs .auth-tabstrip .k-tabstrip-items .k-item.k-active .k-link{background-color:#3f51b5;border:none;color:#fff}.setting-page .auth-methods-tabs .auth-tabstrip .k-content{background:transparent;border:none;padding:0}.setting-page .auth-methods-tabs .auth-tab-content{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;position:relative}.setting-page .auth-methods-tabs .auth-tab-content svg{height:18px;width:18px}.setting-page .auth-method-content{margin-top:24px}.setting-page .auth-method-content .auth-toggle-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:16px}.setting-page .auth-method-content .auth-toggle-section .toggle-wrapper{align-items:center;display:flex;justify-content:space-between}.setting-page .auth-method-content .auth-toggle-section .toggle-wrapper .toggle-label{color:#495057;font-size:14px;font-weight:500}.setting-page .auth-method-content .auth-toggle-section .toggle-wrapper .k-switch.k-checked .k-switch-track{background-color:#28a745}.setting-page .auth-method-content .auth-toggle-section .toggle-wrapper .k-switch .k-switch-thumb{background-color:#fff}.setting-page .subsection{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.setting-page .subsection .switch-main{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.setting-page .subsection .switch-main span{color:#495057;font-weight:500}.setting-page .subsection .switch-main .k-switch .k-switch-track{background-color:#ced4da}.setting-page .subsection .switch-main .k-switch.k-checked .k-switch-track{background-color:#3f51b5}.setting-page .k-tabstrip-content .k-animation-container.k-animation-container-relative{width:100%}.setting-page .tab-title{align-items:center;color:#212529;display:flex;font-size:20px;font-weight:600;gap:12px;margin-bottom:24px}.setting-page .tab-title svg{color:#007bff;height:20px;width:20px}.setting-page .tab-title-content{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;margin:auto}.setting-page .tab-title-content svg{height:18px;width:18px}.setting-page .k-button{border:none;border-radius:6px;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.setting-page .k-button.k-button-solid-primary{background-color:#3f51b5;color:#fff}.setting-page .k-button.k-button-solid-primary:hover{background-color:#0056b3}.setting-page .previewComponent .fileInput{background-color:#f8f9fa;border:2px dashed #ced4da;border-radius:6px;cursor:pointer;padding:12px;transition:border-color .3s ease}.setting-page .previewComponent .fileInput:hover{border-color:#007bff}.setting-page .previewComponent .imgPreview{margin-top:16px}.setting-page .previewComponent .imgPreview img{border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:100%}@media(max-width:820px){.setting-page .k-tabstrip .k-tabstrip-items .k-item .k-link{font-size:14px;padding:12px 16px}.setting-page .tabs-card{margin:16px}.setting-page .tabs-card .k-card-body{padding:20px}.setting-page .field-main{gap:16px;grid-template-columns:1fr}.setting-page .subsection{grid-template-columns:1fr}}@media(max-width:576px){.setting-page .k-tabstrip .k-tabstrip-items{flex-wrap:wrap}.setting-page .k-tabstrip .k-tabstrip-items .k-item{flex:1;min-width:120px}.setting-page .k-tabstrip .k-tabstrip-items .k-item .k-link{flex-direction:column;font-size:12px;gap:4px;padding:8px 12px}.setting-page .k-tabstrip .k-tabstrip-items .k-item .k-link svg{height:16px;width:16px}}.setting-page .yamlorder-editor{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);color:#212529;padding:14px}.setting-page .yamlorder-editor .yamlorder-toolbar{align-items:center;display:flex;gap:10px;margin-bottom:10px}.setting-page .yamlorder-editor .yamlorder-toolbar .k-input{background:#fff;border:1px solid #ced4da;border-radius:8px;flex:1}.setting-page .yamlorder-editor .yamlorder-toolbar .k-input .k-input-inner{background:transparent;color:#212529}.setting-page .yamlorder-editor .yamlorder-toolbar .k-input .k-input-inner::placeholder{color:#6c757d;opacity:1}.setting-page .yamlorder-editor .yamlorder-toolbar .k-input:focus-within{border-color:#3f51b5;box-shadow:0 0 0 3px rgba(63,81,181,.12)}.setting-page .yamlorder-editor .yamlorder-toolbar .add-btn{border-radius:8px;display:grid;font-weight:700;height:36px;min-width:36px;padding:0;place-items:center;width:36px}.setting-page .yamlorder-editor .yamlorder-toolbar .save-btn{border-color:#3f51b5;color:#3f51b5;margin-left:auto}.setting-page .yamlorder-editor .yamlorder-toolbar .save-btn:hover{background-color:rgba(63,81,181,.08)}.setting-page .yamlorder-editor .yamlorder-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.setting-page .yamlorder-editor .yamlorder-list .yamlorder-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:10px;padding:12px 14px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.setting-page .yamlorder-editor .yamlorder-list .yamlorder-item:hover{border-color:#3f51b5}.setting-page .yamlorder-editor .yamlorder-list .yamlorder-item.drag-over{background:#f3f6ff;border-color:#3f51b5;box-shadow:0 0 0 3px rgba(63,81,181,.12)}.setting-page .yamlorder-editor .yamlorder-list .yamlorder-item.dragging{opacity:.6}.setting-page .yamlorder-editor .yamlorder-list .yamlorder-item .drag-handle{color:#6c757d;cursor:grab;flex:0 0 auto}.setting-page .yamlorder-editor .yamlorder-list .yamlorder-item .drag-handle:active{cursor:grabbing}.setting-page .yamlorder-editor .yamlorder-list .yamlorder-item .token{color:#212529;flex:1 1 auto;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-page .yamlorder-editor .yamlorder-list .yamlorder-item .icon-btn{background:transparent;border:none;border-radius:6px;height:32px;min-width:32px;padding:6px 8px}.setting-page .yamlorder-editor .yamlorder-list .yamlorder-item .icon-btn.danger{color:#dc3545}.setting-page .yamlorder-editor .yamlorder-list .yamlorder-item .icon-btn.danger:hover{background:rgba(220,53,69,.08)}.setting-page .yamlorder-editor.dark{background-color:#0f1115;border:1px solid #222733;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.3);color:#e9ecef;padding:14px}.setting-page .yamlorder-editor.dark .yamlorder-toolbar{align-items:center;display:flex;gap:10px;margin-bottom:10px}.setting-page .yamlorder-editor.dark .yamlorder-toolbar .k-input{background:#0b0e13;border:1px solid #222733;border-radius:8px;flex:1}.setting-page .yamlorder-editor.dark .yamlorder-toolbar .k-input .k-input-inner{background:transparent;color:#e9ecef}.setting-page .yamlorder-editor.dark .yamlorder-toolbar .k-input .k-input-inner::placeholder{color:#9aa3b2;opacity:1}.setting-page .yamlorder-editor.dark .yamlorder-toolbar .k-input:focus-within{border-color:#3f51b5;box-shadow:0 0 0 3px rgba(63,81,181,.2)}.setting-page .yamlorder-editor.dark .yamlorder-toolbar .add-btn{border-radius:8px;display:grid;font-weight:700;height:36px;min-width:36px;padding:0;place-items:center;width:36px}.setting-page .yamlorder-editor.dark .yamlorder-toolbar .save-btn{border-color:#3f51b5;color:#c7d2fe;margin-left:auto}.setting-page .yamlorder-editor.dark .yamlorder-toolbar .save-btn:hover{background-color:rgba(63,81,181,.1)}.setting-page .yamlorder-editor.dark .yamlorder-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.setting-page .yamlorder-editor.dark .yamlorder-list .yamlorder-item{align-items:center;background:#12141a;border:1px solid #222733;border-radius:10px;display:flex;gap:10px;padding:12px 14px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.setting-page .yamlorder-editor.dark .yamlorder-list .yamlorder-item:hover{border-color:#3f51b5}.setting-page .yamlorder-editor.dark .yamlorder-list .yamlorder-item.drag-over{background:#161a22;border-color:#3f51b5;box-shadow:0 0 0 3px rgba(63,81,181,.15)}.setting-page .yamlorder-editor.dark .yamlorder-list .yamlorder-item.dragging{opacity:.6}.setting-page .yamlorder-editor.dark .yamlorder-list .yamlorder-item .drag-handle{color:#9aa3b2;cursor:grab;flex:0 0 auto}.setting-page .yamlorder-editor.dark .yamlorder-list .yamlorder-item .drag-handle:active{cursor:grabbing}.setting-page .yamlorder-editor.dark .yamlorder-list .yamlorder-item .token{color:#eef2f7;flex:1 1 auto;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-page .yamlorder-editor.dark .yamlorder-list .yamlorder-item .icon-btn{background:transparent;border:none;border-radius:6px;height:32px;min-width:32px;padding:6px 8px}.setting-page .yamlorder-editor.dark .yamlorder-list .yamlorder-item .icon-btn.danger{color:#ef4444}.setting-page .yamlorder-editor.dark .yamlorder-list .yamlorder-item .icon-btn.danger:hover{background:rgba(239,68,68,.08)}
/*# sourceMappingURL=app-32d2c20b.css.map*/