.summernote{position:relative}.summernote .panel-default{background:#fff;border-radius:8px;padding:16px;border:none!important}.summernote p{margin-bottom:0}.summernote .btn-default{color:#404040;background-color:#e8eef2;border-color:#0000;height:32px!important}.summernote .btn-default:focus,.summernote .btn-default:hover{background:#1675dd;border-color:#0000;color:#fff!important}.summernote .btn-default.active,.summernote .btn-default:active,.summernote .open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#acacac}.summernote .dropdown-menu{box-shadow:0 6px 12px #0000002d}.summernote .dropdown-menu>li>a{clear:both;color:#333;white-space:nowrap;padding:3px 20px;font-weight:400;line-height:1.42857;display:block}.summernote pre{color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;margin:0 0 10px;padding:9.5px;font-size:13px;line-height:1.42857;display:block}.summernote blockquote,.summernote body.page blockquote{background:#fff;border-left:5px solid #f86466}.summernote blockquote{margin:0 0 20px;padding:10px 20px;font-size:17.5px}.summernote .dropdown-toggle:after{display:none}.summernote .note-color.show li{display:flex}.summernote .note-color.show li .btn-group{display:block}.summernote .note-image-popover{background-color:#fff;position:fixed!important}.summernote .note-toolbar{margin-bottom:16px;padding:0}.summernote .note-editable{background:#fff;width:450px;background-color:#fafafa!important;border:1px dashed #d4d4d4!important;border-radius:4px 4px 0 0!important;overflow:auto!important}.summernote .note-editor.note-frame .note-statusbar{background-color:#e8eef2}.summernote .dropdown-menu{border:none}.summernote .shows{display:block}.summernote .btn:focus{box-shadow:0 0!important}.summernote .btn-ower{color:#fff!important;background:#1c93bd!important}.summernote .btn-purple{color:#fff!important;background:#480ca8!important}.summernote .btn-pink{color:#fff!important;background:#f72585!important}.summernote .btn-black{color:#fff!important;background:#000!important}.summernote .btn-white{color:#000!important;background:#e5e5e5!important}.summernote .note-editable{border:1px solid #bbb;border-radius:8px;width:100%;min-width:345px;height:400px;margin:auto}.summernote .pre-build-component{max-width:350px}.summernote .link_buttons{user-select:auto!important}@keyframes hoverColor{0%{background-clip:initial}25%{-webkit-background-clip:text;background-clip:text}50%{background-clip:initial}75%{-webkit-background-clip:text;background-clip:text}to{background-clip:initial}}@keyframes opacyColor{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}to{opacity:1}}@keyframes borderColor{0%{border-color:#aaa}25%{border-color:#0000}50%{border-color:#aaa}75%{border-color:#0000}}.summernote .overfile_block{justify-content:center;align-items:flex-start;inset:0;display:flex!important}.summernote .delete_file_span{color:#fff;cursor:pointer;background:red;border:none;border-radius:100%;margin-top:-10px;padding:1px 4px;display:block}.summernote .delete_slider>button{color:#fff;background:red;border:none;border-radius:10px;display:none;position:relative;top:5px;left:50%}.summernote .dropdown-style-btn{width:150px}.popover{z-index:1060;text-align:left;text-align:start;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;line-break:auto;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #0003;border-radius:6px;max-width:276px;padding:1px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857;text-decoration:none;display:none;position:absolute;top:0;left:0;box-shadow:0 5px 10px #0003}.vcard-modal,.vcard-preset-modal{font-family:Lato;position:relative}.vcard-modal .vcard-modal-header,.vcard-preset-modal .vcard-modal-header{z-index:10;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex;position:sticky;top:0}.vcard-modal .vcard-modal-header .text-heading,.vcard-preset-modal .vcard-modal-header .text-heading{color:#104783;background:none;width:-moz-fit-content;width:fit-content;padding:6px 14px;font-size:20px;font-weight:700}.vcard-modal .vcard-modal-header .button-close,.vcard-preset-modal .vcard-modal-header .button-close{cursor:pointer;position:absolute;top:16px!important;right:16px!important}.vcard-modal .vcard-modal-header .button-close:hover,.vcard-preset-modal .vcard-modal-header .button-close:hover{color:#0d0d0d}.vcard-modal .modal-body.min-height-500,.vcard-preset-modal .modal-body.min-height-500{min-height:500px}.vcard-modal .modal-footer,.vcard-preset-modal .modal-footer{background-color:#fff;position:sticky;bottom:0}.vcard-modal .modal-footer.justify-content-end,.vcard-preset-modal .modal-footer.justify-content-end{justify-content:flex-end}.vcard-modal .modal-footer.justify-content-between,.vcard-preset-modal .modal-footer.justify-content-between{justify-content:space-between}.vcard-modal .modal-footer .btn.btn-outline,.vcard-preset-modal .modal-footer .btn.btn-outline{color:#104783;background-color:#0000;border-color:#104783}.vcard-modal .modal-footer .btn.btn-outline:hover,.vcard-preset-modal .modal-footer .btn.btn-outline:hover{color:#fff;background-color:#104783}.vcard-modal .modal-footer .btn.btn-primary,.vcard-preset-modal .modal-footer .btn.btn-primary{color:#fff!important;background-color:#104783!important;border-color:#104783!important}.vcard-modal .modal-footer .btn.btn-primary:hover,.vcard-preset-modal .modal-footer .btn.btn-primary:hover{color:#fff;background-color:#104783}.vcard-modal .templates-grid,.vcard-preset-modal .templates-grid{grid-template-columns:repeat(5,1fr);gap:20px 15px;padding-bottom:20px;display:grid}@media (max-width:1200px){.vcard-modal .templates-grid,.vcard-preset-modal .templates-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:767px){.vcard-modal .templates-grid,.vcard-preset-modal .templates-grid{grid-template-columns:repeat(2,1fr)!important}}.vcard-modal .vcard-templates-grid-wrapper,.vcard-preset-modal .vcard-templates-grid-wrapper{width:100%;max-width:100%;overflow-x:auto}.vcard-modal .vcard-templates-grid,.vcard-preset-modal .vcard-templates-grid{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.vcard-modal .template-item,.vcard-preset-modal .template-item{cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;max-width:160px;max-height:450px;margin:0 auto;display:flex;position:relative}.vcard-modal .template-item .theme-preview,.vcard-preset-modal .template-item .theme-preview{width:200px;transform:scale(.7);height:360px!important}@media (max-width:1200px){.vcard-modal .template-item .theme-preview,.vcard-preset-modal .template-item .theme-preview{transform:scale(.7)translateY(-20%);height:280px!important}}.vcard-modal .template-item .theme-preview .item-container,.vcard-modal .template-item .theme-preview .phone-preview-bg,.vcard-preset-modal .template-item .theme-preview .item-container,.vcard-preset-modal .template-item .theme-preview .phone-preview-bg{box-shadow:0 4px 12px #0000001a}.vcard-modal .template-item .theme-preview .item-container .item-container,.vcard-modal .template-item .theme-preview .phone-preview-bg .item-container,.vcard-preset-modal .template-item .theme-preview .item-container .item-container,.vcard-preset-modal .template-item .theme-preview .phone-preview-bg .item-container{margin:0;width:100%!important;height:100%!important}.vcard-modal .template-item .theme-preview .item-container .item-container.template-4 .item-header .img-background,.vcard-modal .template-item .theme-preview .phone-preview-bg .item-container.template-4 .item-header .img-background,.vcard-preset-modal .template-item .theme-preview .item-container .item-container.template-4 .item-header .img-background,.vcard-preset-modal .template-item .theme-preview .phone-preview-bg .item-container.template-4 .item-header .img-background{object-fit:scale-down;width:232px;height:212px}@media (max-width:1200px){.vcard-modal .template-item .theme-preview .item-container .item-container.template-4 .item-header .img-background,.vcard-modal .template-item .theme-preview .phone-preview-bg .item-container.template-4 .item-header .img-background,.vcard-preset-modal .template-item .theme-preview .item-container .item-container.template-4 .item-header .img-background,.vcard-preset-modal .template-item .theme-preview .phone-preview-bg .item-container.template-4 .item-header .img-background{width:174px;height:174px}}.vcard-modal .template-item .template-header,.vcard-preset-modal .template-item .template-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;display:flex}.vcard-modal .template-item .template-header h6,.vcard-preset-modal .template-item .template-header h6{flex:1;margin:0;font-size:15px}.vcard-modal .template-item .template-preview,.vcard-preset-modal .template-item .template-preview{justify-content:center;align-items:center;display:flex}.vcard-modal .template-item .template-preview img,.vcard-preset-modal .template-item .template-preview img{object-fit:cover;border-radius:4px;width:100%}.vcard-modal .template-item .template-preview img.preset-image,.vcard-preset-modal .template-item .template-preview img.preset-image{height:200px}.vcard-modal .template-item .template-preview img.qr-image,.vcard-preset-modal .template-item .template-preview img.qr-image{object-fit:contain;height:120px}.vcard-modal .template-item .template-preview .no-preview,.vcard-preset-modal .template-item .template-preview .no-preview{color:#6c757d;background-color:#e1e8ee;border-radius:4px;justify-content:center;align-items:center;width:120px;font-size:14px;font-weight:700;display:flex}.vcard-modal .template-item .template-preview .no-preview.preset-no-preview,.vcard-preset-modal .template-item .template-preview .no-preview.preset-no-preview{height:200px}.vcard-modal .template-item .template-preview .no-preview.vcard-no-preview,.vcard-preset-modal .template-item .template-preview .no-preview.vcard-no-preview{height:150px}.vcard-modal .template-item .template-preview .no-preview.qr-no-preview,.vcard-preset-modal .template-item .template-preview .no-preview.qr-no-preview{height:120px}.vcard-modal .template-item .template-delete,.vcard-preset-modal .template-item .template-delete{color:#fff;cursor:pointer;background:#dc3545;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;transition:background-color .2s;display:flex;position:absolute;top:5px;right:5px}.vcard-modal .template-item .template-delete:hover,.vcard-preset-modal .template-item .template-delete:hover{background:#c82333}.vcard-modal .template-item .none-text,.vcard-preset-modal .template-item .none-text{color:#6c757d;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.vcard-modal .templates-grid-qr-design,.vcard-preset-modal .templates-grid-qr-design{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}@media (max-width:992px){.vcard-modal .templates-grid-qr-design,.vcard-preset-modal .templates-grid-qr-design{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.vcard-modal .templates-grid-qr-design,.vcard-preset-modal .templates-grid-qr-design{grid-template-columns:repeat(2,1fr)}}.vcard-modal .templates-grid-qr-design .template-item,.vcard-preset-modal .templates-grid-qr-design .template-item{cursor:pointer;border-radius:8px;flex-direction:column;transition:border-color .2s;display:flex;position:relative;justify-content:center!important;align-items:center!important}.vcard-modal .templates-grid-qr-design .template-item .template-preview,.vcard-preset-modal .templates-grid-qr-design .template-item .template-preview{width:100%}.vcard-modal .templates-grid-qr-design .template-item .template-preview img,.vcard-preset-modal .templates-grid-qr-design .template-item .template-preview img{border-radius:4px;width:100%}.vcard-modal .templates-grid-qr-design .template-item .template-preview img.qr-image,.vcard-preset-modal .templates-grid-qr-design .template-item .template-preview img.qr-image{object-fit:contain;height:120px}.vcard-modal .templates-grid-qr-design .template-item .template-preview .no-preview,.vcard-preset-modal .templates-grid-qr-design .template-item .template-preview .no-preview{color:#6c757d;background-color:#e1e8ee;border-radius:4px;justify-content:center;align-items:center;width:120px;height:120px;font-size:14px;font-weight:700;display:flex}.vcard-modal .empty-state,.vcard-preset-modal .empty-state{text-align:center;color:#6c757d;padding:40px 20px}.vcard-modal .empty-state p,.vcard-preset-modal .empty-state p{margin:0;font-size:16px}.vcard-modal .template-setting-step1 .form-group,.vcard-modal .template-setting-step2 .form-group,.vcard-preset-modal .template-setting-step1 .form-group,.vcard-preset-modal .template-setting-step2 .form-group{margin-bottom:20px}.vcard-modal .template-setting-step1 .form-group label,.vcard-modal .template-setting-step2 .form-group label,.vcard-preset-modal .template-setting-step1 .form-group label,.vcard-preset-modal .template-setting-step2 .form-group label{color:#333;margin-bottom:8px;font-weight:600;display:block}.vcard-modal .template-setting-step1 .form-group label.text-success,.vcard-modal .template-setting-step2 .form-group label.text-success,.vcard-preset-modal .template-setting-step1 .form-group label.text-success,.vcard-preset-modal .template-setting-step2 .form-group label.text-success{color:#28a745}.vcard-modal .template-setting-step1 .form-group input[type=text],.vcard-modal .template-setting-step2 .form-group input[type=text],.vcard-preset-modal .template-setting-step1 .form-group input[type=text],.vcard-preset-modal .template-setting-step2 .form-group input[type=text]{border:1px solid #404040;border-radius:4px;width:100%;height:55px;padding:14px;font-size:16px}.vcard-modal .template-setting-step1 .form-group input[type=text]:focus,.vcard-modal .template-setting-step2 .form-group input[type=text]:focus,.vcard-preset-modal .template-setting-step1 .form-group input[type=text]:focus,.vcard-preset-modal .template-setting-step2 .form-group input[type=text]:focus{border-color:#104783;outline:none;box-shadow:0 0 0 2px #10478340}.vcard-modal .template-setting-step1 .form-check,.vcard-modal .template-setting-step2 .form-check,.vcard-preset-modal .template-setting-step1 .form-check,.vcard-preset-modal .template-setting-step2 .form-check{margin-right:20px}.vcard-modal .template-setting-step1 .form-check .form-check-input,.vcard-modal .template-setting-step2 .form-check .form-check-input,.vcard-preset-modal .template-setting-step1 .form-check .form-check-input,.vcard-preset-modal .template-setting-step2 .form-check .form-check-input{margin-right:8px}.vcard-modal .template-setting-step1 .form-check .form-check-label,.vcard-modal .template-setting-step2 .form-check .form-check-label,.vcard-preset-modal .template-setting-step1 .form-check .form-check-label,.vcard-preset-modal .template-setting-step2 .form-check .form-check-label{cursor:pointer;font-weight:400}.vcard-modal .btn.btn-success,.vcard-preset-modal .btn.btn-success{background-color:#28a745;border-color:#28a745}.vcard-modal .btn.btn-success:hover,.vcard-preset-modal .btn.btn-success:hover{background-color:#218838;border-color:#1e7e34}.vcard-modal .btn.btn-success:disabled,.vcard-preset-modal .btn.btn-success:disabled{cursor:not-allowed;background-color:#6c757d;border-color:#6c757d}.vcard-modal .btn.btn-outline-secondary,.vcard-preset-modal .btn.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.vcard-modal .btn.btn-outline-secondary:hover,.vcard-preset-modal .btn.btn-outline-secondary:hover{color:#fff;background-color:#6c757d}.vcard-modal .btn.btn-outline-primary,.vcard-preset-modal .btn.btn-outline-primary{color:#007bff;border-color:#007bff}.vcard-modal .btn.btn-outline-primary:hover,.vcard-preset-modal .btn.btn-outline-primary:hover{color:#fff;background-color:#007bff}.vcard-modal .loader-overlay,.vcard-preset-modal .loader-overlay{min-height:200px;position:relative}.vcard-modal .template-radio,.vcard-preset-modal .template-radio{text-align:left}.vcard-modal .template-radio input[type=radio],.vcard-preset-modal .template-radio input[type=radio]{appearance:none;font:inherit;color:currentColor;background-color:#0000;border:.15em solid #b4b4b4;border-radius:50%;place-content:center;width:20px;height:20px;margin:0;display:grid;transform:translateY(-.085em)}.vcard-modal .template-radio input[type=radio]:before,.vcard-preset-modal .template-radio input[type=radio]:before{content:"";border-radius:50%;width:12px;height:12px;transition:transform .12s ease-in-out;transform:scale(0);box-shadow:inset 1em 1em #104783}.vcard-modal .template-radio input[type=radio]:checked:before,.vcard-preset-modal .template-radio input[type=radio]:checked:before{transform:scale(1)}.vcard-modal .template-checkbox,.vcard-preset-modal .template-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:0;color:#404040;align-items:center;gap:8px;font-size:15px;line-height:25px;display:inline-flex;font-weight:400!important}.vcard-modal .template-checkbox input[type=checkbox],.vcard-preset-modal .template-checkbox input[type=checkbox]{display:none}.vcard-modal .template-checkbox .checkmark,.vcard-preset-modal .template-checkbox .checkmark{background:#fff;border:2px solid #b4b4b4;border-radius:4px;width:20px;height:20px;transition:all .2s;display:inline-block;position:relative}.vcard-modal .template-checkbox input:checked+.checkmark,.vcard-preset-modal .template-checkbox input:checked+.checkmark{background-color:#fff;border-color:#b4b4b4}.vcard-modal .template-checkbox .checkmark:after,.vcard-preset-modal .template-checkbox .checkmark:after{content:"";border:2px solid #104783;border-width:0 2px 2px 0;width:6px;height:12px;transition:transform .2s;position:absolute;top:1px;left:5px;transform:rotate(45deg)scale(0)}.vcard-modal .template-checkbox input:checked+.checkmark:after,.vcard-preset-modal .template-checkbox input:checked+.checkmark:after{transform:rotate(45deg)scale(1)}.vcard-preset-modal{flex-direction:column;height:100%;max-height:90vh;display:flex}.vcard-preset-modal .modal-body{flex:1;min-height:0;max-height:calc(90vh - 200px);overflow:hidden auto}.vcard-preset-modal .modal-body.min-height-500{min-height:500px}.vcard-preset-modal .load-more-container{justify-content:center;align-items:center;margin-top:10px;display:flex}.vcard-preset-modal .load-more-container .load-more-btn{color:#104783;cursor:pointer;background:none;border:none;padding:8px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s}.vcard-preset-modal .load-more-container .load-more-btn:hover:not(:disabled){color:#0a2e56;text-decoration:underline}.vcard-preset-modal .load-more-container .load-more-btn:disabled{opacity:.6;cursor:not-allowed}.vcard-template-btn{color:#fff!important;background-color:#104783!important;border-color:#104783!important}.vcard-template-btn:hover{color:#fff!important;background-color:#0a2e56!important;border-color:#0a2e56!important}.vcard-template-btn:active,.vcard-template-btn:focus{color:#fff!important;background-color:#08223f!important;border-color:#08223f!important;box-shadow:0 0 0 .2rem #4f8e8340!important}.vcard-template-btn-outline{color:#104783!important;background-color:#0000!important;border-color:#104783!important}.vcard-template-btn-outline:active,.vcard-template-btn-outline:focus,.vcard-template-btn-outline:hover{color:#fff!important;background-color:#104783!important;border-color:#104783!important}.vcard-template-btn-outline:active,.vcard-template-btn-outline:focus{box-shadow:0 0 0 .2rem #4f8e8340!important}.vcard-templates-container .vcard-templates-page .vcard-templates-header .header-content{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.vcard-templates-container .vcard-templates-page .vcard-templates-header .header-content h1{color:#333;margin:0;font-size:1.75rem;font-weight:600}.vcard-templates-container .vcard-templates-page .vcard-templates-header .header-content .btn{align-items:center;gap:.5rem;display:flex}.vcard-templates-container .vcard-templates-page .vcard-templates-content{position:relative}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading{justify-content:center;align-items:center;min-height:400px;display:flex}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .error-content,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .loading-spinner,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .empty-content,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .error-content,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .loading-spinner,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .empty-content,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .error-content,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .loading-spinner{text-align:center;max-width:400px}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content i,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .error-content i,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .loading-spinner i,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .empty-content i,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .error-content i,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .loading-spinner i,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .empty-content i,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .error-content i,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .loading-spinner i{color:#28a745;margin-bottom:20px;font-size:64px;display:block}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content h3,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .error-content h3,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .loading-spinner h3,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .empty-content h3,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .error-content h3,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .loading-spinner h3,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .empty-content h3,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .error-content h3,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .loading-spinner h3{color:#212529;margin-bottom:12px;font-size:24px;font-weight:600}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content p,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .error-content p,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .loading-spinner p,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .empty-content p,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .error-content p,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .loading-spinner p,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .empty-content p,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .error-content p,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .loading-spinner p{color:#6c757d;margin-bottom:24px;font-size:16px;line-height:1.5}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content .btn,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .error-content .btn,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .loading-spinner .btn,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .empty-content .btn,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .error-content .btn,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .loading-spinner .btn,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .empty-content .btn,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .error-content .btn,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .loading-spinner .btn{cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content .btn.btn-primary,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .error-content .btn.btn-primary,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .loading-spinner .btn.btn-primary,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .empty-content .btn.btn-primary,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .error-content .btn.btn-primary,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .loading-spinner .btn.btn-primary,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .empty-content .btn.btn-primary,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .error-content .btn.btn-primary,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .loading-spinner .btn.btn-primary{color:#fff;background-color:#007bff}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content .btn.btn-primary:hover,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .error-content .btn.btn-primary:hover,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .loading-spinner .btn.btn-primary:hover,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .empty-content .btn.btn-primary:hover,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .error-content .btn.btn-primary:hover,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .loading-spinner .btn.btn-primary:hover,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .empty-content .btn.btn-primary:hover,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .error-content .btn.btn-primary:hover,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .loading-spinner .btn.btn-primary:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content .loading-spinner,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .error-content .loading-spinner,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .loading-spinner .loading-spinner,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .empty-content .loading-spinner,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .error-content .loading-spinner,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .loading-spinner .loading-spinner,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .empty-content .loading-spinner,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .error-content .loading-spinner,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .loading-spinner .loading-spinner{align-items:center;gap:.75rem;display:flex}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content .loading-spinner span,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .error-content .loading-spinner span,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .loading-spinner .loading-spinner span,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .empty-content .loading-spinner span,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .error-content .loading-spinner span,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-error .loading-spinner .loading-spinner span,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .empty-content .loading-spinner span,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .error-content .loading-spinner span,.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-loading .loading-spinner .loading-spinner span{color:#6c757d}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty{justify-content:center;align-items:center;min-height:400px;display:flex}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content{text-align:center;max-width:400px}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content i{color:#28a745;margin-bottom:20px;font-size:64px;display:block}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content h3{color:#212529;margin-bottom:12px;font-size:24px;font-weight:600}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content p{color:#6c757d;margin-bottom:24px;font-size:16px;line-height:1.5}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content .btn{cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content .btn.btn-primary{color:#fff;background-color:#007bff}.vcard-templates-container .vcard-templates-page .vcard-templates-content .vcard-templates-empty .empty-content .btn.btn-primary:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;display:grid}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:box-shadow .2s;box-shadow:0 2px 4px #0000001a}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card:hover{box-shadow:0 4px 8px #00000026}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card .template-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card .template-header h4{color:#333;flex:1;margin:0;font-size:1.25rem;font-weight:600}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card .template-header .template-actions{gap:.5rem;display:flex}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card .template-header .template-actions .btn{padding:.375rem .5rem}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card .template-header .template-actions .btn i{font-size:.875rem}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card .template-body{margin-bottom:1.5rem}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card .template-body p{color:#6c757d;margin-bottom:1rem;line-height:1.5}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card .template-body .template-fields strong{color:#333;margin-bottom:.5rem;font-size:.875rem;display:block}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card .template-body .template-fields .fields-list{flex-wrap:wrap;gap:.5rem;display:flex}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card .template-body .template-fields .fields-list .field-tag{color:#495057;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid .template-card .template-footer .btn{justify-content:center;width:100%}@media (max-width:768px){.vcard-templates-container .vcard-templates-page .vcard-templates-header .header-content{flex-direction:column;align-items:stretch;gap:1rem}.vcard-templates-container .vcard-templates-page .vcard-templates-header .header-content h1{font-size:1.5rem}.vcard-templates-container .vcard-templates-page .vcard-templates-content .templates-grid{grid-template-columns:1fr}}.template-form,.template-management-form{max-width:1200px;margin:0 auto;padding:0}.template-form .template-form__text-field.font-family-select .font-family-select__control,.template-management-form .template-form__text-field.font-family-select .font-family-select__control{border-radius:8px;height:56px;font-size:16px}.template-form .template-form__text-field.font-family-select .font-family-select__control:hover,.template-management-form .template-form__text-field.font-family-select .font-family-select__control:hover{border-color:#104783}.template-form .template-form__text-field.font-family-select .font-family-select__control.font-family-select__control--is-focused,.template-management-form .template-form__text-field.font-family-select .font-family-select__control.font-family-select__control--is-focused{border-width:2px;border-color:#1675dd;box-shadow:0 0 0 2px #4f8e8340}.template-form .template-form__text-field .MuiOutlinedInput-root,.template-management-form .template-form__text-field .MuiOutlinedInput-root{border-radius:8px;height:56px;font-size:16px}.template-form .template-form__text-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.template-management-form .template-form__text-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#104783}.template-form .template-form__text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.template-management-form .template-form__text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:2px;border-color:#1675dd}.template-form .template-form__text-field .MuiInputBase-input,.template-management-form .template-form__text-field .MuiInputBase-input{padding:16px 14px;font-size:16px;font-weight:500}.template-form .template-form__text-field .MuiInputLabel-outlined,.template-management-form .template-form__text-field .MuiInputLabel-outlined{color:#104783;font-size:16px;font-weight:500}.template-form .template-form__template-item,.template-management-form .template-form__template-item{cursor:pointer;transition:all .2s}.template-form .template-form__template-item:hover,.template-management-form .template-form__template-item:hover{opacity:.9}.template-form .template-form__template-item.selected,.template-management-form .template-form__template-item.selected{border-color:#104783;box-shadow:0 0 0 2px #4f8e8340}.template-form .template-form__template-item .template-checkbox,.template-management-form .template-form__template-item .template-checkbox{z-index:1;position:absolute;top:8px;left:8px}.template-form .template-form__section,.template-management-form .template-form__section{margin-bottom:16px}.template-form .template-form__section .section-title,.template-form .template-form__section .template-form__section-title,.template-management-form .template-form__section .section-title,.template-management-form .template-form__section .template-form__section-title{color:#104783;margin-bottom:16px;font-size:18px;font-weight:600}.template-form .template-form__section .section-title .subtitle,.template-form .template-form__section .template-form__section-title .subtitle,.template-management-form .template-form__section .section-title .subtitle,.template-management-form .template-form__section .template-form__section-title .subtitle{color:#666;margin-left:8px;font-size:14px;font-weight:400}.template-form .template-form__header,.template-management-form .template-form__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.template-form .template-form__header .template-form__title,.template-management-form .template-form__header .template-form__title{align-items:center;display:flex}.template-form .template-form__header .template-form__title h5,.template-management-form .template-form__header .template-form__title h5{color:#104783;margin:0;font-size:24px;font-weight:700}.template-form .template-form__header .action-buttons,.template-management-form .template-form__header .action-buttons{gap:12px;display:flex}.template-form .template-form__header .action-buttons .button,.template-management-form .template-form__header .action-buttons .button{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.template-form .template-form__header .action-buttons .button.cancel-button,.template-management-form .template-form__header .action-buttons .button.cancel-button{color:#fff;background-color:#6c757d}.template-form .template-form__header .action-buttons .button.cancel-button:hover,.template-management-form .template-form__header .action-buttons .button.cancel-button:hover{background-color:#545b62;transform:translateY(-1px)}.template-form .template-form__header .action-buttons .button.save-button,.template-management-form .template-form__header .action-buttons .button.save-button{color:#fff;background-color:#104783}.template-form .template-form__header .action-buttons .button.save-button:hover,.template-management-form .template-form__header .action-buttons .button.save-button:hover{background-color:#0a2e56;transform:translateY(-1px)}.template-form .background-color-section .color-section .color-columns,.template-management-form .background-color-section .color-section .color-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:768px){.template-form .background-color-section .color-section .color-columns,.template-management-form .background-color-section .color-section .color-columns{grid-template-columns:1fr;gap:16px}}.template-form .background-color-section .color-section .color-columns .color-column,.template-management-form .background-color-section .color-section .color-columns .color-column{border-radius:12px;transition:all .2s;padding:0!important}.template-form .background-color-section .color-section .color-columns .color-column:not(.disabled):hover,.template-management-form .background-color-section .color-section .color-columns .color-column:not(.disabled):hover{background:#fff;border-color:#104783}.template-form .background-color-section .color-section .color-columns .color-column.disabled,.template-management-form .background-color-section .color-section .color-columns .color-column.disabled{opacity:.6}.template-form .background-color-section .color-section .color-columns .color-column .column-header,.template-management-form .background-color-section .color-section .color-columns .color-column .column-header{color:#104783;margin-bottom:12px;font-size:16px;font-weight:600}.template-form .background-color-section .color-section .color-columns .color-column .color-picker-wrapper .color-wrapper .block-color .square-color,.template-management-form .background-color-section .color-section .color-columns .color-column .color-picker-wrapper .color-wrapper .block-color .square-color{border:2px solid #ddd;border-radius:8px;width:40px;height:40px}.template-form .background-color-section .color-section .color-columns .color-column .color-picker-wrapper .color-wrapper .block-color input,.template-management-form .background-color-section .color-section .color-columns .color-column .color-picker-wrapper .color-wrapper .block-color input{border-radius:8px;height:40px;margin-left:12px;font-size:16px}.template-form .image-upload-section,.template-management-form .image-upload-section{margin-top:20px}.template-form .image-upload-section .image-preview-container .image-preview,.template-management-form .image-upload-section .image-preview-container .image-preview{background:#f8f9fa;border:1px dashed #104783;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;overflow:hidden}.template-form .image-upload-section .image-preview-container .image-preview img,.template-management-form .image-upload-section .image-preview-container .image-preview img{border-radius:8px}.template-form .image-upload-section .image-preview-container .image-preview .placeholder,.template-management-form .image-upload-section .image-preview-container .image-preview .placeholder{color:#104783;font-size:24px;border:none!important}.template-form .image-upload-section .upload-controls,.template-management-form .image-upload-section .upload-controls{flex-direction:column;gap:4px;display:flex}.template-form .image-upload-section .upload-controls .btn,.template-management-form .image-upload-section .upload-controls .btn{border-radius:0;justify-content:center;align-items:center;width:100%;min-width:120px;height:30px;padding:0;transition:all .2s;display:flex}.template-form .image-upload-section .upload-controls .btn:hover,.template-management-form .image-upload-section .upload-controls .btn:hover{transform:translateY(-1px)}.template-form .image-upload-section .upload-controls .btn-upload,.template-management-form .image-upload-section .upload-controls .btn-upload{color:#fff;background:#104783;border-color:#104783;justify-content:center}.template-form .image-upload-section .upload-controls .btn-upload:hover,.template-management-form .image-upload-section .upload-controls .btn-upload:hover{background:#104783;border-color:#104783}.template-form .image-upload-section .upload-controls .remove-btn,.template-management-form .image-upload-section .upload-controls .remove-btn{color:#868686;background-color:#fff;border-color:#ebebeb}.template-form .image-upload-section .upload-controls .remove-btn:hover,.template-management-form .image-upload-section .upload-controls .remove-btn:hover{background-color:#e6e6e6}@media (max-width:768px){.template-form .template-form__header,.template-management-form .template-form__header{flex-direction:column;align-items:stretch;gap:16px}.template-form .template-form__header .action-buttons,.template-management-form .template-form__header .action-buttons{justify-content:center}.template-form .template-form__text-field .MuiOutlinedInput-root,.template-management-form .template-form__text-field .MuiOutlinedInput-root{height:48px}.template-form .template-form__text-field .MuiInputBase-input,.template-management-form .template-form__text-field .MuiInputBase-input{padding:12px 14px;font-size:14px}}.template-form .form-header,.template-management-form .form-header{align-items:center;margin-bottom:20px;display:flex}.template-form .form-header .back-button,.template-management-form .form-header .back-button{color:#104783;cursor:pointer;background:none;border:none;border-radius:4px;align-items:center;gap:8px;margin-right:20px;padding:8px 12px;font-size:14px;transition:background-color .2s;display:flex}.template-form .form-header .back-button:hover,.template-management-form .form-header .back-button:hover{background-color:#4f8e831a}.template-form .form-header .back-button i,.template-management-form .form-header .back-button i{font-size:16px}.template-form .form-header h2,.template-management-form .form-header h2{color:#333;margin:0;font-size:24px;font-weight:600}.template-form .form-description,.template-management-form .form-description{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:30px;padding:16px;display:flex}.template-form .form-description .info-icon,.template-management-form .form-description .info-icon{color:#007bff;margin-top:2px;font-size:18px}.template-form .form-description p,.template-management-form .form-description p{color:#666;margin:0;line-height:1.5}.template-form .form-section,.template-management-form .form-section{margin-bottom:40px}.template-form .form-section h3,.template-management-form .form-section h3{color:#333;margin-bottom:16px;font-size:18px;font-weight:600}.template-form .form-section h3 .subtitle,.template-management-form .form-section h3 .subtitle{color:#666;font-size:14px;font-weight:400}.template-form .form-section .radio-group,.template-management-form .form-section .radio-group{gap:24px;margin-bottom:20px;display:flex}.template-form .form-section .radio-group .radio-option,.template-management-form .form-section .radio-group .radio-option{cursor:pointer;color:#333;align-items:center;gap:8px;font-size:14px;display:flex}.template-form .form-section .radio-group .radio-option input[type=radio],.template-management-form .form-section .radio-group .radio-option input[type=radio]{accent-color:#104783;width:16px;height:16px}.template-form .form-section .radio-group .radio-option span,.template-management-form .form-section .radio-group .radio-option span{font-weight:500}.template-form .templates-grid,.template-management-form .templates-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:20px;display:grid}.template-form .templates-grid .template-item,.template-management-form .templates-grid .template-item{position:relative}.template-form .templates-grid .template-item .template-checkbox,.template-management-form .templates-grid .template-item .template-checkbox{accent-color:#104783;z-index:2;cursor:pointer;width:20px;height:20px;position:absolute;top:10px;left:10px}.template-form .templates-grid .template-item .template-label,.template-management-form .templates-grid .template-item .template-label{cursor:pointer;border:2px solid #0000;border-radius:8px;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.template-form .templates-grid .template-item .template-label:hover,.template-management-form .templates-grid .template-item .template-label:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.template-form .templates-grid .template-item .template-label img,.template-management-form .templates-grid .template-item .template-label img{width:100%;height:auto;display:block}.template-form .templates-grid .template-item input:checked+.template-label,.template-management-form .templates-grid .template-item input:checked+.template-label{border-color:#104783;box-shadow:0 0 0 2px #4f8e8333}.template-form .color-mode-section .color-mode-options,.template-management-form .color-mode-section .color-mode-options{gap:24px;margin-bottom:20px;display:flex}.template-form .color-mode-section .color-mode-options .color-mode-option,.template-management-form .color-mode-section .color-mode-options .color-mode-option{cursor:pointer;color:#333;align-items:center;gap:8px;font-size:14px;display:flex}.template-form .color-mode-section .color-mode-options .color-mode-option input[type=radio],.template-management-form .color-mode-section .color-mode-options .color-mode-option input[type=radio]{accent-color:#104783;width:16px;height:16px}.template-form .color-mode-section .color-mode-options .color-mode-option span,.template-management-form .color-mode-section .color-mode-options .color-mode-option span{font-weight:500}.template-form .color-mode-section .color-inputs .color-input-group,.template-management-form .color-mode-section .color-inputs .color-input-group{align-items:center;gap:12px;display:flex}.template-form .color-mode-section .color-inputs .color-input-group .color-picker,.template-management-form .color-mode-section .color-inputs .color-input-group .color-picker{cursor:pointer;background:none;border:1px solid #ddd;border-radius:4px;width:50px;height:40px;padding:0}.template-form .color-mode-section .color-inputs .color-input-group .color-text-input,.template-management-form .color-mode-section .color-inputs .color-input-group .color-text-input{border:1px solid #ddd;border-radius:4px;width:120px;height:40px;padding:0 12px;font-family:monospace;font-size:14px}.template-form .color-mode-section .color-inputs .color-input-group .color-text-input:focus,.template-management-form .color-mode-section .color-inputs .color-input-group .color-text-input:focus{border-color:#104783;outline:none;box-shadow:0 0 0 2px #4f8e8333}.template-form .color-mode-section .color-inputs .gradient-inputs,.template-management-form .color-mode-section .color-inputs .gradient-inputs{align-items:center;gap:16px;display:flex}.template-form .color-mode-section .color-inputs .gradient-inputs .gradient-arrow,.template-management-form .color-mode-section .color-inputs .gradient-inputs .gradient-arrow{color:#666;font-size:18px;font-weight:700}.template-form .color-mode-section .gradient-type-section,.template-management-form .color-mode-section .gradient-type-section{margin-top:20px}.template-form .color-mode-section .gradient-type-section>span,.template-management-form .color-mode-section .gradient-type-section>span{color:#333;margin-bottom:12px;font-size:14px;font-weight:500;display:block}.template-form .color-mode-section .gradient-type-section .gradient-type-options,.template-management-form .color-mode-section .gradient-type-section .gradient-type-options{gap:12px;display:flex}.template-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn,.template-management-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn{cursor:pointer;background:none;border:2px solid #ddd;border-radius:50%;width:40px;height:40px;padding:4px;transition:border-color .2s}.template-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn:hover,.template-management-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn:hover{border-color:#104783}.template-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn.active,.template-management-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn.active{border-color:#104783;box-shadow:0 0 0 2px #4f8e8333}.template-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview,.template-management-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview{border-radius:50%;width:100%;height:100%}.template-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview.gradient-linear,.template-management-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview.gradient-linear{background:linear-gradient(45deg,#4f8e83,#28574f)}.template-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview.gradient-radial,.template-management-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview.gradient-radial{background:radial-gradient(circle,#4f8e83,#28574f)}.template-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview.gradient-conic,.template-management-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview.gradient-conic{background:conic-gradient(#4f8e83,#28574f,#4f8e83)}.template-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview.gradient-diamond,.template-management-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview.gradient-diamond{background-color:#0000;background-image:linear-gradient(45deg,#4f8e83 25%,#0000 0),linear-gradient(-45deg,#4f8e83 25%,#0000 0),linear-gradient(45deg,#0000 75%,#28574f 0),linear-gradient(-45deg,#0000 75%,#28574f 0);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.template-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview.gradient-circle,.template-management-form .color-mode-section .gradient-type-section .gradient-type-options .gradient-type-btn .gradient-preview.gradient-circle{background:radial-gradient(circle,#4f8e83 30%,#28574f 70%)}.template-form .image-upload-section,.template-management-form .image-upload-section{background:#fff;border-radius:4px;align-items:center;gap:16px;display:flex}.template-form .image-upload-section .placeholder,.template-management-form .image-upload-section .placeholder{border:1px dashed #104783!important}.template-form .image-upload-section .upload-area,.template-management-form .image-upload-section .upload-area{background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;align-items:center;gap:20px;padding:20px;display:flex}.template-form .image-upload-section .upload-area .upload-placeholder,.template-management-form .image-upload-section .upload-area .upload-placeholder{background-color:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.template-form .image-upload-section .upload-area .upload-placeholder i,.template-management-form .image-upload-section .upload-area .upload-placeholder i{color:#999;font-size:24px}.template-form .image-upload-section .upload-area .upload-actions,.template-management-form .image-upload-section .upload-area .upload-actions{flex-direction:column;gap:12px;display:flex}.template-form .image-upload-section .upload-area .upload-actions .upload-btn,.template-management-form .image-upload-section .upload-area .upload-actions .upload-btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.template-form .image-upload-section .upload-area .upload-actions .clear-btn,.template-management-form .image-upload-section .upload-area .upload-actions .clear-btn{color:#666;cursor:pointer;background:none;border:none;padding:4px 0;font-size:14px;text-decoration:underline}.template-form .image-upload-section .upload-area .upload-actions .clear-btn:hover,.template-management-form .image-upload-section .upload-area .upload-actions .clear-btn:hover{color:#333}.template-form .form-actions,.template-management-form .form-actions{border-top:1px solid #eee;margin-top:40px;padding-top:20px}.template-form .form-actions .save-button,.template-management-form .form-actions .save-button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;display:flex}.template-form .form-actions .save-button.disabled,.template-management-form .form-actions .save-button.disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.template-form .form-header,.template-management-form .form-header{flex-direction:column;align-items:flex-start;gap:12px}.template-form .form-header .back-button,.template-management-form .form-header .back-button{margin-right:0}.template-form .templates-grid,.template-management-form .templates-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.template-form .radio-group,.template-management-form .radio-group{flex-direction:column;gap:12px}.template-form .color-inputs .gradient-inputs,.template-management-form .color-inputs .gradient-inputs{flex-direction:column;align-items:flex-start;gap:12px}.template-form .color-inputs .gradient-inputs .gradient-arrow,.template-management-form .color-inputs .gradient-inputs .gradient-arrow{transform:rotate(90deg)}.template-form .gradient-type-options,.template-management-form .gradient-type-options{flex-wrap:wrap}.template-form .upload-area,.template-management-form .upload-area{text-align:center;flex-direction:column}}.template-form .template-checkbox-grid,.template-form .template-radio-grid,.template-management-form .template-checkbox-grid,.template-management-form .template-radio-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:768px){.template-form .template-checkbox-grid,.template-form .template-radio-grid,.template-management-form .template-checkbox-grid,.template-management-form .template-radio-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.template-form .template-checkbox,.template-form .template-radio,.template-management-form .template-checkbox,.template-management-form .template-radio{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin-bottom:12px;display:flex}.template-form .template-checkbox input[type=checkbox],.template-form .template-checkbox input[type=radio],.template-form .template-radio input[type=checkbox],.template-form .template-radio input[type=radio],.template-management-form .template-checkbox input[type=checkbox],.template-management-form .template-checkbox input[type=radio],.template-management-form .template-radio input[type=checkbox],.template-management-form .template-radio input[type=radio]{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.template-form .template-checkbox .checkmark,.template-form .template-checkbox .radiomark,.template-form .template-radio .checkmark,.template-form .template-radio .radiomark,.template-management-form .template-checkbox .checkmark,.template-management-form .template-checkbox .radiomark,.template-management-form .template-radio .checkmark,.template-management-form .template-radio .radiomark{background-color:#fff;border:2px solid #b4b4b4;border-radius:4px;width:20px;height:20px;margin-right:12px;transition:all .2s;position:relative}.template-form .template-checkbox .checkmark:hover,.template-form .template-checkbox .radiomark:hover,.template-form .template-radio .checkmark:hover,.template-form .template-radio .radiomark:hover,.template-management-form .template-checkbox .checkmark:hover,.template-management-form .template-checkbox .radiomark:hover,.template-management-form .template-radio .checkmark:hover,.template-management-form .template-radio .radiomark:hover{border-color:#104783;box-shadow:0 0 0 2px #1675dd1a}.template-form .template-checkbox .radiomark,.template-form .template-radio .radiomark,.template-management-form .template-checkbox .radiomark,.template-management-form .template-radio .radiomark{border-radius:50%}.template-form .template-checkbox input:checked~.checkmark:after,.template-form .template-checkbox input:checked~.radiomark:after,.template-form .template-radio input:checked~.checkmark:after,.template-form .template-radio input:checked~.radiomark:after,.template-management-form .template-checkbox input:checked~.checkmark:after,.template-management-form .template-checkbox input:checked~.radiomark:after,.template-management-form .template-radio input:checked~.checkmark:after,.template-management-form .template-radio input:checked~.radiomark:after{display:block}.template-form .template-checkbox .checkmark:after,.template-form .template-radio .checkmark:after,.template-management-form .template-checkbox .checkmark:after,.template-management-form .template-radio .checkmark:after{content:"";border:2px solid #104783;border-width:0 2px 2px 0;width:6px;height:10px;display:none;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.template-form .template-checkbox .radiomark:after,.template-form .template-radio .radiomark:after,.template-management-form .template-checkbox .radiomark:after,.template-management-form .template-radio .radiomark:after{content:"";background:#104783;border-radius:50%;width:calc(100% - 4px);height:calc(100% - 4px);display:none;position:absolute;top:2px;left:2px}.template-form .template-checkbox .checkbox-label,.template-form .template-checkbox .radio-label,.template-form .template-radio .checkbox-label,.template-form .template-radio .radio-label,.template-management-form .template-checkbox .checkbox-label,.template-management-form .template-checkbox .radio-label,.template-management-form .template-radio .checkbox-label,.template-management-form .template-radio .radio-label{color:#404040;padding-bottom:0;font-size:14px;font-weight:500;line-height:1.4}.template-form .template-checkbox:hover .checkbox-label,.template-form .template-checkbox:hover .radio-label,.template-form .template-radio:hover .checkbox-label,.template-form .template-radio:hover .radio-label,.template-management-form .template-checkbox:hover .checkbox-label,.template-management-form .template-checkbox:hover .radio-label,.template-management-form .template-radio:hover .checkbox-label,.template-management-form .template-radio:hover .radio-label{color:#104783}.template-form .template-checkbox input:disabled~.checkmark,.template-form .template-checkbox input:disabled~.radiomark,.template-form .template-radio input:disabled~.checkmark,.template-form .template-radio input:disabled~.radiomark,.template-management-form .template-checkbox input:disabled~.checkmark,.template-management-form .template-checkbox input:disabled~.radiomark,.template-management-form .template-radio input:disabled~.checkmark,.template-management-form .template-radio input:disabled~.radiomark{cursor:not-allowed;background-color:#f5f5f5;border-color:#d0d0d0}.template-form .template-checkbox input:disabled~.checkbox-label,.template-form .template-checkbox input:disabled~.radio-label,.template-form .template-radio input:disabled~.checkbox-label,.template-form .template-radio input:disabled~.radio-label,.template-management-form .template-checkbox input:disabled~.checkbox-label,.template-management-form .template-checkbox input:disabled~.radio-label,.template-management-form .template-radio input:disabled~.checkbox-label,.template-management-form .template-radio input:disabled~.radio-label{color:#999;cursor:not-allowed}.template-form .template-checkbox.disabled,.template-form .template-radio.disabled,.template-management-form .template-checkbox.disabled,.template-management-form .template-radio.disabled{cursor:not-allowed}.template-form .template-checkbox.compact,.template-form .template-radio.compact,.template-management-form .template-checkbox.compact,.template-management-form .template-radio.compact{margin-bottom:8px}.template-form .template-checkbox.compact .checkmark,.template-form .template-checkbox.compact .radiomark,.template-form .template-radio.compact .checkmark,.template-form .template-radio.compact .radiomark,.template-management-form .template-checkbox.compact .checkmark,.template-management-form .template-checkbox.compact .radiomark,.template-management-form .template-radio.compact .checkmark,.template-management-form .template-radio.compact .radiomark{width:16px;height:16px;margin-right:8px}.template-form .template-checkbox.compact .checkmark:after,.template-form .template-radio.compact .checkmark:after,.template-management-form .template-checkbox.compact .checkmark:after,.template-management-form .template-radio.compact .checkmark:after{width:4px;height:8px;top:1px;left:4px}.template-form .template-checkbox.compact .radiomark:after,.template-form .template-radio.compact .radiomark:after,.template-management-form .template-checkbox.compact .radiomark:after,.template-management-form .template-radio.compact .radiomark:after{width:6px;height:6px;top:3px;left:3px}.template-form .template-checkbox.compact .checkbox-label,.template-form .template-checkbox.compact .radio-label,.template-form .template-radio.compact .checkbox-label,.template-form .template-radio.compact .radio-label,.template-management-form .template-checkbox.compact .checkbox-label,.template-management-form .template-checkbox.compact .radio-label,.template-management-form .template-radio.compact .checkbox-label,.template-management-form .template-radio.compact .radio-label{font-size:13px}.vcard-template__root{max-width:1200px;margin:0 auto;padding:20px}.vcard-template__root .form-header{align-items:center;margin-bottom:20px;display:flex}.vcard-template__root .form-header .back-button{color:#104783;cursor:pointer;background:none;border:none;border-radius:4px;align-items:center;gap:8px;margin-right:20px;padding:8px 12px;font-size:14px;transition:background-color .2s;display:flex}.vcard-template__root .form-header .back-button:hover{background-color:#4f8e831a}.vcard-template__root .form-header .back-button i{font-size:16px}.vcard-template__root .vcard-template__title{color:#333;margin:0 0 16px;font-size:24px;font-weight:600}.vcard-template__root .vcard-template__description{color:#666;background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:30px;padding:16px;line-height:1.5}.vcard-template__root .vcard-template__paper{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #0000001a}.vcard-template__root .vcard-template__paper .vcard-template__section-title{color:#333;margin-bottom:16px;font-size:18px;font-weight:600}.vcard-template__root .vcard-template__paper .vcard-template__section-title span{color:#666;font-size:14px;font-weight:400}.vcard-template__root .vcard-template__paper .vcard-template__grid-layout{gap:24px;margin-bottom:16px;display:flex}.vcard-template__root .vcard-template__paper .vcard-template__grid-layout .MuiFormControlLabel-root{margin-right:0}.vcard-template__root .vcard-template__paper .vcard-template__grid-layout .MuiFormControlLabel-root .MuiRadio-root,.vcard-template__root .vcard-template__paper .vcard-template__grid-layout .MuiFormControlLabel-root .MuiRadio-root.Mui-checked{color:#104783}.vcard-template__root .vcard-template__paper .vcard-template__grid-layout .MuiFormControlLabel-root .MuiFormControlLabel-label{color:#333;font-size:14px;font-weight:500}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout{flex-wrap:wrap;gap:24px;margin-bottom:16px;display:flex}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .MuiFormControlLabel-root{margin-right:0}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .MuiFormControlLabel-root .MuiRadio-root,.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .MuiFormControlLabel-root .MuiRadio-root.Mui-checked{color:#104783}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .MuiFormControlLabel-root .MuiFormControlLabel-label{color:#333;font-size:14px;font-weight:500}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section{flex:1;min-width:300px}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section.vcard-template__color-section--disabled{opacity:.5;pointer-events:none}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section .colors{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section .colors .form-group{margin-bottom:0}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section .colors .form-group .form-control{border:1px solid #ddd;border-radius:4px}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section .colors .form-group .form-control:focus{border-color:#104783;box-shadow:0 0 0 .2rem #4f8e8340}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section .colors .qr-two-arrows-pointing-right-and-left{color:#104783;cursor:pointer;font-size:18px;transition:color .2s}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section .colors .qr-two-arrows-pointing-right-and-left:hover{color:#0a2e56}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section .colors .gradient-container .text-nowrap{color:#333;font-size:14px;font-weight:500}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section .colors .gradient-container{border-top:1px solid #d4d4d4;padding-top:8px}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section .colors .gradient-item{outline-offset:-2px;border-radius:50%;outline:2px solid #0000;margin-left:8px}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section .colors .gradient-item.active{outline:2px solid #0dbc29}.vcard-template__root .vcard-template__paper .vcard-template__template-grid{grid-template-columns:repeat(5,1fr);gap:20px;margin-top:20px;display:grid}@media (max-width:991px) and (min-width:768px){.vcard-template__root .vcard-template__paper .vcard-template__template-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (max-width:767px) and (min-width:576px){.vcard-template__root .vcard-template__paper .vcard-template__template-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:575px){.vcard-template__root .vcard-template__paper .vcard-template__template-grid{grid-template-columns:1fr;gap:15px}}.vcard-template__root .vcard-template__paper .vcard-template__template-grid .vcard-template__template-item{cursor:pointer;border:2px solid #0000;border-radius:8px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.vcard-template__root .vcard-template__paper .vcard-template__template-grid .vcard-template__template-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.vcard-template__root .vcard-template__paper .vcard-template__template-grid .vcard-template__template-item.selected{border-color:#104783;box-shadow:0 0 0 2px #4f8e8333}.vcard-template__root .vcard-template__paper .vcard-template__template-grid .vcard-template__template-item .vcard-template__template-checkbox{z-index:2;position:absolute;top:10px;left:10px}.vcard-template__root .vcard-template__paper .vcard-template__template-grid .vcard-template__template-item .vcard-template__template-checkbox .MuiCheckbox-root{color:#104783;background:#ffffffe6;border-radius:4px}.vcard-template__root .vcard-template__paper .vcard-template__template-grid .vcard-template__template-item .vcard-template__template-checkbox .MuiCheckbox-root.Mui-checked{color:#104783}.vcard-template__root .vcard-template__paper .vcard-template__template-grid .vcard-template__template-item .vcard-template__template-image{width:100%;height:auto;display:block}.vcard-template__root .vcard-template__paper .vcard-template__company-name-input{margin-top:20px}.vcard-template__root .vcard-template__paper .vcard-template__company-name-input .vcard-template__text-field .MuiOutlinedInput-root{background-color:#f8f9fa;border-radius:8px}.vcard-template__root .vcard-template__paper .vcard-template__company-name-input .vcard-template__text-field .MuiOutlinedInput-root .MuiOutlinedInput-input{color:#333;padding:16px;font-size:16px}.vcard-template__root .vcard-template__paper .vcard-template__company-name-input .vcard-template__text-field .MuiOutlinedInput-root .MuiOutlinedInput-input::placeholder{color:#999;opacity:1}.vcard-template__root .vcard-template__paper .vcard-template__company-name-input .vcard-template__text-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-width:1px;border-color:#ddd}.vcard-template__root .vcard-template__paper .vcard-template__company-name-input .vcard-template__text-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#104783}.vcard-template__root .vcard-template__paper .vcard-template__company-name-input .vcard-template__text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:2px;border-color:#104783}.vcard-template__root .vcard-template__paper .v-card-upload.profile{align-items:center;margin-top:20px;display:flex}.vcard-template__root .vcard-template__paper .v-card-upload.profile .image-preview{background:#fafafa;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;margin:0 16px 0 0;display:flex;position:relative;overflow:hidden}.vcard-template__root .vcard-template__paper .v-card-upload.profile .image-preview img{object-fit:cover;width:100%;height:100%}.vcard-template__root .vcard-template__paper .v-card-upload.profile .image-preview img.hidden{display:none}.vcard-template__root .vcard-template__paper .v-card-upload.profile .image-preview i{color:#104783;font-size:24px}.vcard-template__root .vcard-template__paper .v-card-upload.profile .image-preview .placeholder{text-transform:uppercase;border:1.5px dashed #acacac;justify-content:center;align-items:center;width:100%;height:100%;font-size:.8rem;display:flex}.vcard-template__root .vcard-template__paper .v-card-upload.profile .image-preview .placeholder.hidden{display:none}.vcard-template__root .vcard-template__paper .v-card-upload.profile .image-preview .loading-screen{background:#fffc;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.vcard-template__root .vcard-template__paper .v-card-upload.profile .image-preview .loading-screen .loader{border:2px solid #f3f3f3;border-top-color:#104783;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.vcard-template__root .vcard-template__paper .v-card-upload.profile .image-preview .upload-progress{background:#0000001a;width:100%;height:4px;display:none;position:absolute;bottom:0;left:0}.vcard-template__root .vcard-template__paper .v-card-upload.profile .image-preview .upload-progress .loading-bar{background:#104783;height:100%;transition:width .3s}.vcard-template__root .vcard-template__paper .v-card-upload.profile .btn{text-align:center;border-radius:0;width:100%;height:28px;padding:4px 12px 5px;font-size:14px}@media (min-width:1199px){.vcard-template__root .vcard-template__paper .v-card-upload.profile .btn{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media (max-width:520px){.vcard-template__root .vcard-template__paper .v-card-upload.profile .btn{text-overflow:ellipsis;overflow:hidden}}.vcard-template__root .vcard-template__paper .v-card-upload.profile .btn.btn-primary{margin-bottom:4px}.vcard-template__root .vcard-template__paper .v-card-upload.profile .btn.btn-default{color:#666;background:#f8f9fa;border:1px solid #ddd}.vcard-template__root .vcard-template__paper .v-card-upload.profile .btn.btn-default:hover{background:#e9ecef;border-color:#ccc}.vcard-template__root .vcard-template__save-button{color:#fff!important;text-transform:none!important;background-color:#104783!important;border-radius:6px!important;padding:12px 32px!important;font-size:16px!important;font-weight:500!important}.vcard-template__root .vcard-template__save-button:hover{background-color:#0a2e56!important}.vcard-template__root .vcard-template__save-button:disabled{color:#ffffffb3!important;background-color:#4f8e8380!important}@media (max-width:768px){.vcard-template__root{padding:15px}.vcard-template__root .form-header{flex-direction:column;align-items:flex-start;gap:12px}.vcard-template__root .form-header .back-button{margin-right:0}.vcard-template__root .vcard-template__paper{padding:16px}.vcard-template__root .vcard-template__paper .vcard-template__grid-layout{flex-direction:column;gap:12px}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout{flex-direction:column;gap:16px}.vcard-template__root .vcard-template__paper .vcard-template__color-grid-layout .vcard-template__color-section{min-width:auto}.vcard-template__root .vcard-template__paper .v-card-upload.profile{text-align:center;flex-direction:column;align-items:center}.vcard-template__root .vcard-template__paper .v-card-upload.profile .image-preview{width:58px;height:58px;margin:0 0 12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.template-form{max-width:1200px}.template-form__header{justify-content:space-between;margin-bottom:30px}.template-form__header,.template-form__header .template-form__title{align-items:center;display:flex}.template-form__header .template-form__title h5{color:#333;margin:0;font-weight:600}.template-form__header .template-form__save-btn{min-width:120px}.template-form__content{flex-direction:column;gap:16px;display:flex}.template-form__section-title{color:#333;margin-bottom:15px;font-size:16px;font-weight:600}.template-form__section-title .template-form__subtitle{color:#666;font-size:14px;font-weight:400}.template-form__text-field{margin-bottom:15px}.template-form__text-field .MuiOutlinedInput-root{border-radius:4px}.template-form__radio-group{gap:20px;margin-bottom:15px;display:flex}.template-form__radio-group .MuiFormControlLabel-root{margin-right:0}.template-form__template-wrapper{width:100%;margin-top:15px;overflow-x:auto}.template-form__template-grid{gap:15px;width:-moz-fit-content;width:fit-content;display:flex}@media (max-width:1024px){.template-form__template-grid{max-width:100%;overflow:auto}}.template-form__template-item{cursor:pointer;flex-shrink:0;position:relative;overflow:hidden}.template-form__template-checkbox{z-index:1;background:#fff;border-radius:4px;padding:2px;position:absolute;top:8px;left:8px}.template-form__template-image{object-fit:contain;width:190px;height:100%;display:block}.template-form__color-section{margin-top:15px}.template-form__color-radio-group{gap:20px;margin-bottom:15px;display:flex}.template-form__color-radio-group .MuiFormControlLabel-root{margin-right:0}.template-form__color-picker-section{align-items:center;gap:10px;margin-bottom:15px;display:flex}.template-form__color-separator{color:#666;font-size:18px}.template-form__gradient-types{margin-top:15px}.template-form__gradient-label{color:#666;margin-bottom:10px}.template-form__gradient-options{gap:8px;display:flex}.template-form__gradient-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;transition:border-color .2s}.template-form__gradient-option.selected{border-color:#2196f3}.template-form__gradient-option:hover{border-color:#e0e0e0}.template-form__row{gap:30px;display:flex}@media (max-width:768px){.template-form__row{flex-direction:column;gap:20px}}.template-form__half-width{flex:1}.template-form__image-upload{align-items:center;gap:15px;margin-top:15px;display:flex}.template-form__upload-placeholder{background-color:#fafafa;border:2px dashed #ccc;border-radius:4px;justify-content:center;align-items:center;width:80px;height:60px;display:flex}.template-form__upload-buttons{gap:8px;display:flex}.template-form__checkbox-group{flex-direction:row;gap:8px;margin-top:15px;display:flex}.template-form__checkbox-group .MuiFormControlLabel-root{margin-right:0}.background-color-section .section-title{color:#333;margin-bottom:15px;font-size:16px;font-weight:600}.background-color-section .section-title .subtitle{color:#666;font-size:14px;font-weight:400}.background-color-section .radio-group{gap:20px;margin-bottom:15px;display:flex}.background-color-section .color-section{margin-top:15px}.background-color-section .color-type-group{gap:20px;margin-bottom:15px;display:flex}.background-color-section .color-type-group .color-type{cursor:pointer;align-items:center;display:flex}.background-color-section .color-columns{gap:30px;display:flex}@media (max-width:768px){.background-color-section .color-columns{flex-direction:column;gap:20px}}.background-color-section .color-column{background-color:#fafafa;border-radius:8px;flex:1;padding:20px;transition:all .3s}.background-color-section .color-column.disabled{opacity:.5;pointer-events:none}.background-color-section .color-column:not(.disabled){background-color:#fff;border-color:#2196f3}.background-color-section .color-column .column-header{margin-bottom:15px}.background-color-section .color-column .column-header span{color:#333;font-size:14px;font-weight:600}.background-color-section .color-column .color-picker-wrapper{margin-bottom:10px}.background-color-section .gradient-color-pickers{align-items:center;gap:10px;margin-bottom:15px;display:flex}.background-color-section .gradient-types .gradient-label{color:#666;margin-bottom:8px;font-size:12px;display:block}.background-color-section .gradient-types .gradient-options{flex-wrap:wrap;gap:8px;display:flex}.background-color-section .gradient-container{border-top:1px solid #d4d4d4;padding-top:8px}.background-color-section .gradient-item{outline-offset:-2px;border-radius:50%;outline:2px solid #0000;margin-left:8px}.background-color-section .gradient-item.active{outline:2px solid #0dbc29}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}

/*!
 * https://github.com/NateRadebaugh/react-datetime
 */.rdtPicker{color:#212529;background:#fff;border:1px solid #40404026;border-radius:.25rem;min-width:150px;font-family:Poppins;font-size:1rem;display:inline-block}.rdtPicker .rdtMonths,.rdtPicker .rdtYears{min-width:250px}.rdtPicker:not(.rdtStatic){margin-top:.125rem;margin-bottom:.125rem;box-shadow:0 .5rem 1rem #40404026}.rdtPicker .rdtTimeToggle{text-align:center;padding-top:.25rem;padding-bottom:.25rem}.rdtPicker table{border-collapse:collapse;width:100%;margin:0}.rdtPicker td,.rdtPicker th{text-align:center;height:30px}.rdtPicker td{cursor:pointer}.rdtPicker .rdtCounter .rdtBtn,.rdtPicker .rdtDay,.rdtPicker .rdtHour,.rdtPicker .rdtMinute,.rdtPicker .rdtMonth,.rdtPicker .rdtSecond,.rdtPicker .rdtTimeToggle,.rdtPicker .rdtYear{color:#212529}.rdtPicker .rdtCounter .rdtBtn:hover,.rdtPicker .rdtDay:hover,.rdtPicker .rdtHour:hover,.rdtPicker .rdtMinute:hover,.rdtPicker .rdtMonth:hover,.rdtPicker .rdtSecond:hover,.rdtPicker .rdtTimeToggle:hover,.rdtPicker .rdtYear:hover{color:#16181b;cursor:pointer;background:#f8f9fa}.rdtPicker .rdtNew,.rdtPicker .rdtOld{color:#2125294d}.rdtPicker .rdtToday{position:relative}.rdtPicker .rdtToday:before{content:"";border-bottom:7px solid #1675dd;border-left:7px solid #0000;display:inline-block;position:absolute;bottom:4px;right:4px}.rdtPicker th{border-bottom:1px solid #e9ecef}.rdtPicker .dow{cursor:default;border-bottom:none;width:14.2857%}.rdtPicker .rdtNext,.rdtPicker .rdtPrev,.rdtPicker .rdtSwitch{color:#212529;padding-top:.25rem;padding-bottom:.25rem}.rdtPicker .rdtNext,.rdtPicker .rdtPrev{vertical-align:top;width:36px;font-size:1.25rem}.rdtPicker .rdtCounter .rdtBtn{-webkit-user-select:none;user-select:none;display:block}.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover{color:#6c757d;cursor:not-allowed;background:none}.rdtPicker thead tr:first-child th{cursor:pointer}.rdtPicker thead tr:first-child th:hover{background:#f8f9fa}.rdtPicker .rdtTimeToggle{border-top:1px solid #e9ecef}.rdtPicker button{cursor:pointer;background:none;border:none}.rdtPicker button:hover{background-color:#f8f9fa}.rdtPicker thead button{width:100%;height:100%}.rdtPicker .rdtDays{min-width:250px}.rdtPicker .rdtMonth,.rdtPicker .rdtYear{cursor:pointer;width:25%;height:50px}.rdtPicker .rdtMonth:hover,.rdtPicker .rdtYear:hover{color:#16181b;background:#f8f9fa}.rdtPicker .rdtActive{color:#fff;background-color:#1675dd;border-radius:.25rem}.rdtPicker .rdtActive:hover{color:#fff;background-color:#115caf}.rdtPicker .rdtActive .rdtToday:before{border-bottom-color:#fff}.rdtPicker .rdtDisabled,.rdtPicker .rdtDisabled:hover{color:#6c757d;cursor:not-allowed;background:none}.rdtPicker .rdtCounters,.rdtPicker .rdtDays{display:inline-block}.rdtPicker .rdtCounters>div{float:left}.rdtPicker .rdtCounter{width:40px}.rdtPicker .rdtCounter .rdtBtn{cursor:pointer;line-height:40px}.rdtPicker .rdtCounter .rdtBtn:hover{background:#f8f9fa}.rdtPicker .rdtCounter .rdtCount{font-size:1.25rem;line-height:20px}.rdtPicker .rdtCounterSeparator{line-height:100px}.rdtPicker .rdtTime td{cursor:default}