.quick-column-config-modal{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#fffffff2;border:1px solid #0000001a;border-radius:1rem;box-shadow:0 8px 16px #0000001f,0 2px 4px #00000014}.quick-column-config-modal .live-editor-modal-header{border-bottom:1px solid #00000014;padding:1rem 1.25rem}.quick-column-config-modal .live-editor-modal-header .modal-title{color:#111827;font-family:Mulish,-apple-system,sans-serif;font-size:1rem;font-weight:600}.quick-column-config-modal .live-editor-modal-body{padding:1.5rem}.quick-column-config-modal .live-editor-modal-footer{border-top:1px solid #00000014;gap:.5rem;padding:.75rem 1.25rem}.quick-column-config-modal .live-editor-modal-footer .btn{border-radius:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.quick-column-config-modal .live-editor-modal-footer .btn i{font-size:.75rem}.quick-column-config-modal .live-editor-modal-footer .btn.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f6}.quick-column-config-modal .live-editor-modal-footer .btn.btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.quick-column-config-modal .live-editor-modal-footer .btn.btn-primary:active{transform:scale(.98)}.quick-column-config-modal .live-editor-modal-footer .btn.btn-secondary{color:#6b7280;background:0 0;border-color:#00000026}.quick-column-config-modal .live-editor-modal-footer .btn.btn-secondary:hover{color:#374151;background:#0000000d;border-color:#00000040}.quick-column-config-modal .form-label{color:#374151;margin-bottom:.5rem;font-family:Mulish,-apple-system,sans-serif;font-size:.875rem;font-weight:600}.quick-column-config-modal .form-label i{color:#3b82f6;font-size:.875rem}.quick-column-config-modal .width-value{color:#3b82f6;background:#3b82f61f;border-radius:.625rem;padding:.375rem .875rem;font-size:1.125rem;font-weight:700;transition:all .2s}.quick-column-config-modal .width-value:hover{background:#3b82f62e;transform:scale(1.05)}.quick-column-config-modal .width-visual-indicator .width-grid{background:#0000000a;border-radius:.5rem;grid-template-columns:repeat(12,1fr);gap:4px;height:32px;padding:4px;display:grid}.quick-column-config-modal .width-visual-indicator .width-grid .width-grid-cell{background:#0000001a;border-radius:3px;transition:all .2s cubic-bezier(.4,0,.2,1)}.quick-column-config-modal .width-visual-indicator .width-grid .width-grid-cell.active{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:scaleY(1.1);box-shadow:0 2px 4px #3b82f64d}.quick-column-config-modal .width-input{text-align:center;border:2px solid #0000001a;border-radius:.5rem;font-size:1rem;font-weight:600;transition:all .2s;width:80px!important}.quick-column-config-modal .width-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.quick-column-config-modal .form-range::-webkit-slider-thumb{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transition:all .2s;box-shadow:0 2px 6px #3b82f666}.quick-column-config-modal .form-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #3b82f680}.quick-column-config-modal .form-range::-moz-range-thumb{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transition:all .2s;box-shadow:0 2px 6px #3b82f666}.quick-column-config-modal .form-range::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #3b82f680}.quick-column-config-modal .bg-options-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.quick-column-config-modal .bg-option-card{cursor:pointer;background:#ffffff80;border:2px solid #0000001a;border-radius:.75rem;align-items:center;gap:1rem;padding:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.quick-column-config-modal .bg-option-card:hover{background:#fffc;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.quick-column-config-modal .bg-option-card.active{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.quick-column-config-modal .bg-option-card.active .bg-option-preview{box-shadow:0 4px 8px #3b82f64d}.quick-column-config-modal .bg-option-card .bg-option-preview{border:2px solid #0000001a;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000014}.quick-column-config-modal .bg-option-card .bg-option-preview .bg-option-icon{color:#00000080;filter:drop-shadow(0 1px 2px #0000001a);font-size:1.25rem}.quick-column-config-modal .bg-option-card .bg-option-info{flex:1}.quick-column-config-modal .bg-option-card .bg-option-label{color:#1f2937;margin-bottom:.125rem;font-size:.9375rem;font-weight:600}.quick-column-config-modal .bg-option-card .bg-option-sublabel{color:#6b7280;font-size:.8125rem}.quick-column-config-modal .bg-option-card .bg-option-check{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.quick-column-config-modal .bg-option-card .bg-option-check i{color:#3b82f6;font-size:1.25rem;animation:.3s cubic-bezier(.68,-.55,.265,1.55) checkBounce}@keyframes checkBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.quick-column-config-modal .join-all-toggle{cursor:pointer;background:#ffffff80;border:2px solid #0000001a;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.quick-column-config-modal .join-all-toggle:hover{background:#fffc;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.quick-column-config-modal .join-all-toggle.active{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.quick-column-config-modal .join-all-toggle.active .join-all-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.quick-column-config-modal .join-all-toggle .join-all-icon{color:#6b7280;background:#0000000f;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;transition:all .2s;display:flex}.quick-column-config-modal .join-all-toggle .join-all-content{flex:1}.quick-column-config-modal .join-all-toggle .join-all-label{color:#1f2937;margin-bottom:.125rem;font-size:.9375rem;font-weight:600}.quick-column-config-modal .join-all-toggle .join-all-description{color:#6b7280;font-size:.8125rem}.quick-column-config-modal .join-all-toggle .join-all-switch .form-check-input{cursor:pointer;width:48px;height:26px;transition:all .2s}.quick-column-config-modal .join-all-toggle .join-all-switch .form-check-input:checked{background-color:#3b82f6;border-color:#3b82f6}.quick-column-config-modal .join-all-toggle .join-all-switch .form-check-input:focus{box-shadow:0 0 0 3px #3b82f633}.quick-column-config-modal .text-muted{color:#9ca3af;margin-top:.25rem;font-size:.75rem;display:block}.quick-column-config-modal.is-dark-mode{background:#111827fa;border-color:#ffffff1f;box-shadow:0 8px 24px #0009}.quick-column-config-modal.is-dark-mode .modal-title{color:#fffffff2}.quick-column-config-modal.is-dark-mode .live-editor-modal-header,.quick-column-config-modal.is-dark-mode .live-editor-modal-footer{border-color:#ffffff1a}.quick-column-config-modal.is-dark-mode .form-label{color:#fffc}.quick-column-config-modal.is-dark-mode .form-label i{color:#60a5fa}.quick-column-config-modal.is-dark-mode .width-value{color:#60a5fa;background:#60a5fa26}.quick-column-config-modal.is-dark-mode .width-value:hover{background:#60a5fa40}.quick-column-config-modal.is-dark-mode .width-visual-indicator .width-grid{background:#0000004d}.quick-column-config-modal.is-dark-mode .width-visual-indicator .width-grid .width-grid-cell{background:#ffffff1a}.quick-column-config-modal.is-dark-mode .width-visual-indicator .width-grid .width-grid-cell.active{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 2px 6px #60a5fa66}.quick-column-config-modal.is-dark-mode .form-control{color:#fffffff2;background:#0000004d;border-color:#ffffff26}.quick-column-config-modal.is-dark-mode .form-control:focus{background:#0006;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.quick-column-config-modal.is-dark-mode .form-range::-webkit-slider-thumb{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 2px 6px #60a5fa80}.quick-column-config-modal.is-dark-mode .form-range::-moz-range-thumb{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 2px 6px #60a5fa80}.quick-column-config-modal.is-dark-mode .bg-option-card{background:#0000004d;border-color:#ffffff1f}.quick-column-config-modal.is-dark-mode .bg-option-card:hover{background:#00000080;border-color:#60a5fa66}.quick-column-config-modal.is-dark-mode .bg-option-card.active{background:#60a5fa1a;border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.quick-column-config-modal.is-dark-mode .bg-option-card.active .bg-option-preview{box-shadow:0 4px 8px #60a5fa66}.quick-column-config-modal.is-dark-mode .bg-option-card .bg-option-preview{border-color:#ffffff26}.quick-column-config-modal.is-dark-mode .bg-option-card .bg-option-preview .bg-option-icon{color:#fff9}.quick-column-config-modal.is-dark-mode .bg-option-card .bg-option-label{color:#fffffff2}.quick-column-config-modal.is-dark-mode .bg-option-card .bg-option-sublabel{color:#ffffff80}.quick-column-config-modal.is-dark-mode .bg-option-card .bg-option-check i{color:#60a5fa}.quick-column-config-modal.is-dark-mode .join-all-toggle{background:#0000004d;border-color:#ffffff1f}.quick-column-config-modal.is-dark-mode .join-all-toggle:hover{background:#00000080;border-color:#60a5fa66}.quick-column-config-modal.is-dark-mode .join-all-toggle.active{background:#60a5fa1a;border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.quick-column-config-modal.is-dark-mode .join-all-toggle.active .join-all-icon{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)}.quick-column-config-modal.is-dark-mode .join-all-toggle .join-all-icon{color:#fff9;background:#0006}.quick-column-config-modal.is-dark-mode .join-all-toggle .join-all-label{color:#fffffff2}.quick-column-config-modal.is-dark-mode .join-all-toggle .join-all-description{color:#ffffff80}.quick-column-config-modal.is-dark-mode .join-all-toggle .join-all-switch .form-check-input:checked{background-color:#60a5fa;border-color:#60a5fa}.quick-column-config-modal.is-dark-mode .join-all-toggle .join-all-switch .form-check-input:focus{box-shadow:0 0 0 3px #60a5fa40}.quick-column-config-modal.is-dark-mode .text-muted{color:#fff6}.quick-column-config-modal.is-dark-mode .btn-secondary{color:#ffffffb3!important;border-color:#fff3!important}.quick-column-config-modal.is-dark-mode .btn-secondary:hover{color:#ffffffe6!important;background:#ffffff1a!important;border-color:#ffffff4d!important}.quick-column-config-modal.is-dark-mode .btn-primary{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)!important}.quick-column-config-modal.is-dark-mode .btn-primary:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;box-shadow:0 4px 12px #60a5fa66!important}
.component-settings-modal{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#fffffff2;border:1px solid #0000001a;border-radius:1rem;box-shadow:0 8px 16px #0000001f,0 2px 4px #00000014}.component-settings-modal .live-editor-modal-header{border-bottom:1px solid #00000014;padding:1rem 1.25rem}.component-settings-modal .live-editor-modal-header .modal-title{color:#111827;font-family:Mulish,-apple-system,sans-serif;font-size:1rem;font-weight:600}.component-settings-modal .live-editor-modal-body{padding:1.5rem}.component-settings-modal .live-editor-modal-footer{border-top:1px solid #00000014;gap:.5rem;padding:.75rem 1.25rem}.component-settings-modal .live-editor-modal-footer .btn{border-radius:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.component-settings-modal .live-editor-modal-footer .btn i{font-size:.75rem}.component-settings-modal .live-editor-modal-footer .btn.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f6}.component-settings-modal .live-editor-modal-footer .btn.btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.component-settings-modal .live-editor-modal-footer .btn.btn-primary:active{transform:scale(.98)}.component-settings-modal .live-editor-modal-footer .btn.btn-secondary{color:#6b7280;background:0 0;border-color:#00000026}.component-settings-modal .live-editor-modal-footer .btn.btn-secondary:hover{color:#374151;background:#0000000d;border-color:#00000040}.component-settings-modal .form-label{color:#374151;margin-bottom:.5rem;font-family:Mulish,-apple-system,sans-serif;font-size:.875rem;font-weight:600}.component-settings-modal .form-label i{color:#3b82f6;font-size:.875rem}.component-settings-modal .width-value{color:#3b82f6;background:#3b82f61f;border-radius:.625rem;padding:.375rem .875rem;font-size:1.125rem;font-weight:700;transition:all .2s}.component-settings-modal .width-value:hover{background:#3b82f62e;transform:scale(1.05)}.component-settings-modal .width-visual-indicator .width-grid{background:#0000000a;border-radius:.5rem;grid-template-columns:repeat(12,1fr);gap:4px;height:32px;padding:4px;display:grid}.component-settings-modal .width-visual-indicator .width-grid .width-grid-cell{background:#0000001a;border-radius:3px;transition:all .2s cubic-bezier(.4,0,.2,1)}.component-settings-modal .width-visual-indicator .width-grid .width-grid-cell.active{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:scaleY(1.1);box-shadow:0 2px 4px #3b82f64d}.component-settings-modal .width-input{text-align:center;border:2px solid #0000001a;border-radius:.5rem;font-size:1rem;font-weight:600;transition:all .2s;width:80px!important}.component-settings-modal .width-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.component-settings-modal .form-range::-webkit-slider-thumb{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transition:all .2s;box-shadow:0 2px 6px #3b82f666}.component-settings-modal .form-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #3b82f680}.component-settings-modal .form-range::-moz-range-thumb{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transition:all .2s;box-shadow:0 2px 6px #3b82f666}.component-settings-modal .form-range::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #3b82f680}.component-settings-modal .bg-options-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.component-settings-modal .bg-option-card{cursor:pointer;background:#ffffff80;border:2px solid #0000001a;border-radius:.75rem;align-items:center;gap:1rem;padding:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.component-settings-modal .bg-option-card:hover{background:#fffc;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.component-settings-modal .bg-option-card.active{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.component-settings-modal .bg-option-card.active .bg-option-preview{box-shadow:0 4px 8px #3b82f64d}.component-settings-modal .bg-option-card .bg-option-preview{border:2px solid #0000001a;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000014}.component-settings-modal .bg-option-card .bg-option-preview .bg-option-icon{color:#00000080;filter:drop-shadow(0 1px 2px #0000001a);font-size:1.25rem}.component-settings-modal .bg-option-card .bg-option-info{flex:1}.component-settings-modal .bg-option-card .bg-option-label{color:#1f2937;margin-bottom:.125rem;font-size:.9375rem;font-weight:600}.component-settings-modal .bg-option-card .bg-option-sublabel{color:#6b7280;font-size:.8125rem}.component-settings-modal .bg-option-card .bg-option-check{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.component-settings-modal .bg-option-card .bg-option-check i{color:#3b82f6;font-size:1.25rem;animation:.3s cubic-bezier(.68,-.55,.265,1.55) checkBounce}@keyframes checkBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.component-settings-modal .toggle-option{cursor:pointer;background:#ffffff80;border:2px solid #0000001a;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.component-settings-modal .toggle-option:hover{background:#fffc;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.component-settings-modal .toggle-option.active{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.component-settings-modal .toggle-option.active .toggle-option-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.component-settings-modal .toggle-option .toggle-option-icon{color:#6b7280;background:#0000000f;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;transition:all .2s;display:flex}.component-settings-modal .toggle-option .toggle-option-content{flex:1}.component-settings-modal .toggle-option .toggle-option-label{color:#1f2937;margin-bottom:.125rem;font-size:.875rem;font-weight:600}.component-settings-modal .toggle-option .toggle-option-description{color:#6b7280;font-size:.75rem}.component-settings-modal .toggle-option .toggle-option-switch .form-check-input{cursor:pointer;width:44px;height:24px;transition:all .2s}.component-settings-modal .toggle-option .toggle-option-switch .form-check-input:checked{background-color:#3b82f6;border-color:#3b82f6}.component-settings-modal .toggle-option .toggle-option-switch .form-check-input:focus{box-shadow:0 0 0 3px #3b82f633}.component-settings-modal .text-muted{color:#9ca3af;margin-top:.25rem;font-size:.75rem;display:block}.component-settings-modal hr{opacity:1;border-color:#0000001a}.component-settings-modal.is-dark-mode{background:#111827fa;border-color:#ffffff1f;box-shadow:0 8px 24px #0009}.component-settings-modal.is-dark-mode .modal-title{color:#fffffff2}.component-settings-modal.is-dark-mode .live-editor-modal-header,.component-settings-modal.is-dark-mode .live-editor-modal-footer{border-color:#ffffff1a}.component-settings-modal.is-dark-mode .form-label{color:#fffc}.component-settings-modal.is-dark-mode .form-label i{color:#60a5fa}.component-settings-modal.is-dark-mode .width-value{color:#60a5fa;background:#60a5fa26}.component-settings-modal.is-dark-mode .width-value:hover{background:#60a5fa40}.component-settings-modal.is-dark-mode .width-visual-indicator .width-grid{background:#0000004d}.component-settings-modal.is-dark-mode .width-visual-indicator .width-grid .width-grid-cell{background:#ffffff1a}.component-settings-modal.is-dark-mode .width-visual-indicator .width-grid .width-grid-cell.active{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 2px 6px #60a5fa66}.component-settings-modal.is-dark-mode .form-control{color:#fffffff2;background:#0000004d;border-color:#ffffff26}.component-settings-modal.is-dark-mode .form-control:focus{background:#0006;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26}.component-settings-modal.is-dark-mode .form-range::-webkit-slider-thumb{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 2px 6px #60a5fa80}.component-settings-modal.is-dark-mode .form-range::-moz-range-thumb{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);box-shadow:0 2px 6px #60a5fa80}.component-settings-modal.is-dark-mode .bg-option-card{background:#0000004d;border-color:#ffffff1f}.component-settings-modal.is-dark-mode .bg-option-card:hover{background:#00000080;border-color:#60a5fa66}.component-settings-modal.is-dark-mode .bg-option-card.active{background:#60a5fa1a;border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.component-settings-modal.is-dark-mode .bg-option-card.active .bg-option-preview{box-shadow:0 4px 8px #60a5fa66}.component-settings-modal.is-dark-mode .bg-option-card .bg-option-preview{border-color:#ffffff26}.component-settings-modal.is-dark-mode .bg-option-card .bg-option-preview .bg-option-icon{color:#fff9}.component-settings-modal.is-dark-mode .bg-option-card .bg-option-label{color:#fffffff2}.component-settings-modal.is-dark-mode .bg-option-card .bg-option-sublabel{color:#ffffff80}.component-settings-modal.is-dark-mode .bg-option-card .bg-option-check i{color:#60a5fa}.component-settings-modal.is-dark-mode .toggle-option{background:#0000004d;border-color:#ffffff1f}.component-settings-modal.is-dark-mode .toggle-option:hover{background:#00000080;border-color:#60a5fa66}.component-settings-modal.is-dark-mode .toggle-option.active{background:#60a5fa1a;border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.component-settings-modal.is-dark-mode .toggle-option.active .toggle-option-icon{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)}.component-settings-modal.is-dark-mode .toggle-option .toggle-option-icon{color:#fff9;background:#0006}.component-settings-modal.is-dark-mode .toggle-option .toggle-option-label{color:#fffffff2}.component-settings-modal.is-dark-mode .toggle-option .toggle-option-description{color:#ffffff80}.component-settings-modal.is-dark-mode .toggle-option .toggle-option-switch .form-check-input:checked{background-color:#60a5fa;border-color:#60a5fa}.component-settings-modal.is-dark-mode .toggle-option .toggle-option-switch .form-check-input:focus{box-shadow:0 0 0 3px #60a5fa40}.component-settings-modal.is-dark-mode .text-muted{color:#fff6}.component-settings-modal.is-dark-mode hr{border-color:#ffffff1a}.component-settings-modal.is-dark-mode .btn-secondary{color:#ffffffb3!important;border-color:#fff3!important}.component-settings-modal.is-dark-mode .btn-secondary:hover{color:#ffffffe6!important;background:#ffffff1a!important;border-color:#ffffff4d!important}.component-settings-modal.is-dark-mode .btn-primary{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)!important}.component-settings-modal.is-dark-mode .btn-primary:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;box-shadow:0 4px 12px #60a5fa66!important}
.section-toolbar-container{opacity:1;z-index:10;flex-direction:column;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:-20px;left:-32px}.section-toolbar-right{opacity:1;z-index:10;flex-direction:row;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:0}.section-position-badge{color:#fff;letter-spacing:.5px;cursor:grab;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:1px solid #667eea4d;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:4px 8px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #667eea33,inset 0 1px #fff3}.section-position-badge:hover{transform:scale(1.05);box-shadow:0 4px 8px #667eea4d,inset 0 1px #ffffff4d}.section-position-badge:active{transform:scale(.95);cursor:grabbing!important}.section-toolbar-drag-handle{cursor:grab;background-color:#f5f5f5;border:1px solid #ddd;border-radius:3px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.section-toolbar-drag-handle:hover{background-color:#e0e0e0;border-color:#999}.section-toolbar-drag-handle:active{cursor:grabbing!important}.section-toolbar-btn{cursor:pointer;border:1px solid;border-radius:3px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.section-toolbar-btn svg{display:block}.section-toolbar-btn-move{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea4d;box-shadow:0 2px 4px #667eea33,inset 0 1px #fff3}.section-toolbar-btn-move svg{stroke:#fff}.section-toolbar-btn-move:hover{background:linear-gradient(135deg,#5a6fd8 0%,#674197 100%);border-color:#667eea80;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d,inset 0 1px #ffffff4d}.section-toolbar-btn-move:active{transform:translateY(0);box-shadow:0 1px 2px #667eea33,inset 0 1px #ffffff1a}.section-toolbar-btn-settings{background-color:#eff6ff;border-color:#bfdbfe}.section-toolbar-btn-settings svg{stroke:#3b82f6}.section-toolbar-btn-settings:hover{background-color:#dbeafe;border-color:#3b82f6}.section-toolbar-btn-delete{background-color:#fee;border-color:#fcc}.section-toolbar-btn-delete svg{stroke:#c33}.section-toolbar-btn-delete:hover{background-color:#fcc;border-color:#c33}.component-position-badge{color:#fff;letter-spacing:.3px;cursor:default;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:1px solid #22c55e4d;border-radius:5px;justify-content:center;align-items:center;min-width:28px;height:24px;padding:3px 6px;font-size:11px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #22c55e33,inset 0 1px #fff3}.component-position-badge:hover{transform:scale(1.05);box-shadow:0 4px 8px #22c55e4d,inset 0 1px #ffffff4d}.component-action-btn{cursor:pointer;border:1px solid;border-radius:3px;align-items:center;padding:4px 8px;font-size:11px;transition:all .2s;display:inline-flex}.component-action-btn svg{display:block}.component-action-btn-move{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#22c55e4d;box-shadow:0 2px 4px #22c55e33,inset 0 1px #fff3}.component-action-btn-move svg{stroke:#fff}.component-action-btn-move:hover{background:linear-gradient(135deg,#1ea952 0%,#138a41 100%);border-color:#22c55e80;transform:translateY(-1px);box-shadow:0 4px 8px #22c55e4d,inset 0 1px #ffffff4d}.component-action-btn-move:active{transform:translateY(0);box-shadow:0 1px 2px #22c55e33,inset 0 1px #ffffff1a}.component-action-btn-delete{color:#c33;background-color:#fee;border-color:#fcc}.component-action-btn-delete svg{stroke:#c33}.component-action-btn-delete:hover{background-color:#fcc;border-color:#c33}.component-action-btn-settings{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#6366f14d;box-shadow:0 1px 3px #6366f14d,inset 0 1px #fff3}.component-action-btn-settings svg{stroke:#fff}.component-action-btn-settings:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border-color:#6366f180;transform:translateY(-1px);box-shadow:0 2px 6px #6366f166,inset 0 1px #fff3}.sortable-section,.sortable-column,.sortable-component{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.sorting-mode-active .row{outline-offset:0px;border-radius:.5rem;outline:1px solid #3b82f64d;margin-bottom:16px;padding:0}.sorting-mode-active .row:hover{background:#3b82f605;outline-color:#3b82f680}.sorting-mode-active .card,.sorting-mode-active .card-box-simple,.sorting-mode-active .card-box-events,.sorting-mode-active .card-box-image{border-radius:.5rem;box-shadow:0 0 0 1px #22c55e4d}.sorting-mode-active .card:hover,.sorting-mode-active .card-box-simple:hover,.sorting-mode-active .card-box-events:hover,.sorting-mode-active .card-box-image:hover{box-shadow:0 0 0 1px #22c55e80}.sortable-section:hover{box-shadow:0 2px 8px #3b82f61a}.sortable-column:hover{box-shadow:0 2px 6px #0dcaf014}.sortable-component:hover{box-shadow:0 1px 4px #6c757d14}.drag-handle{-webkit-backdrop-filter:blur(20px)saturate(180%);cursor:grab;opacity:0;z-index:10;background:#fffffff2;border:1px solid #0000001a;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:-2.5rem;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f,inset 0 0 0 .5px #ffffff80}.drag-handle:hover{background:#fff;transform:translateY(-50%)scale(1.05);box-shadow:0 6px 16px #00000026,0 3px 6px #00000014,inset 0 0 0 .5px #ffffffb3}.drag-handle:active{transform:translateY(-50%)scale(.95);cursor:grabbing!important}.drag-handle{display:none}.sorting-mode-active .drag-handle{display:flex!important}.sorting-mode-active .sortable-section:hover .drag-handle,.sorting-mode-active .sortable-column:hover .drag-handle,.sorting-mode-active .sortable-component:hover .drag-handle{opacity:1}.drag-handle:before{content:"⋮⋮";color:#6b7280;letter-spacing:-2px;font-size:.875rem;line-height:1}.section-toolbar,.column-toolbar,.component-toolbar{-webkit-backdrop-filter:blur(20px)saturate(180%);opacity:0;z-index:20;pointer-events:none;background:#fffffff2;border:1px solid #0000001a;border-radius:.75rem;align-items:center;gap:.25rem;padding:.375rem .5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:-.75rem;right:-.75rem;transform:translateY(4px);box-shadow:0 8px 16px #0000001f,0 2px 4px #00000014,inset 0 0 0 .5px #ffffff80}.sorting-mode-active .section-toolbar,.sorting-mode-active .column-toolbar,.sorting-mode-active .component-toolbar{display:none!important}body:not(.sorting-mode-active) .sortable-section:hover .section-toolbar,body:not(.sorting-mode-active) .sortable-column:hover .column-toolbar,body:not(.sorting-mode-active) .sortable-component:hover .component-toolbar{opacity:1;pointer-events:all;transform:translateY(0)}.toolbar-btn{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:.875rem;transition:all .15s;display:flex}.toolbar-btn:hover{color:#111827;background:#0000000d}.toolbar-btn:active{transform:scale(.95)}.toolbar-btn.danger:hover{color:#dc2626;background:#ef44441a}.toolbar-separator{background:#0000001a;width:1px;height:1.25rem;margin:0 .25rem}.sortable-section.dragging,.sortable-column.dragging,.sortable-component.dragging{opacity:.4;z-index:1000;transform:scale(.98);box-shadow:0 12px 24px #0003}.dnd-overlay{pointer-events:none;z-index:9999;opacity:.85;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#fffffff2;border:1px solid #00000026;border-radius:.75rem;position:fixed;box-shadow:0 12px 32px #00000040}.drop-indicator{background:linear-gradient(90deg,#3b82f600 0%,#3b82f6cc 10% 90%,#3b82f600 100%);border-radius:2px;height:4px;margin:.5rem 0;animation:1.5s ease-in-out infinite pulse;position:relative}.drop-indicator:before,.drop-indicator:after{content:"";background:#3b82f6;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 8px #3b82f680}.drop-indicator:before{left:-4px}.drop-indicator:after{right:-4px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.empty-section,.empty-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#9ca3af;background:#f9fafbcc;border:2px dashed #d1d5db99;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:120px;padding:2rem 1rem;font-size:.875rem;transition:all .3s;display:flex}.empty-column-wrapper{background:#f9fafb4d;border:2px dashed #d1d5db66;border-radius:.75rem;justify-content:center;align-items:center;min-height:200px;padding:1rem;transition:all .3s;display:flex}.empty-column-wrapper:hover{background:#eff6ff80;border-color:#3b82f64d}.empty-section:hover,.empty-column:hover{color:#3b82f6;background:#eff6ffcc;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.empty-section i,.empty-column i{opacity:.5;font-size:2rem}.add-component-btn,.add-section-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:Mulish,-apple-system,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #3b82f633,0 1px 2px #3b82f61a}.add-component-btn:hover,.add-section-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d,0 2px 4px #3b82f626}.add-component-btn:active,.add-section-btn:active{transform:translateY(0)scale(.98)}.add-component-btn i,.add-section-btn i{font-size:1rem}.add-component-btn.ghost,.add-section-btn.ghost{color:#3b82f6;box-shadow:none;background:0 0;border:1px solid #3b82f64d}.add-component-btn.ghost:hover,.add-section-btn.ghost:hover{background:#3b82f60d;border-color:#3b82f680}.add-section-between-btn{cursor:pointer;color:#3b82f6;opacity:.5;background:#3b82f605;border:2px dashed #3b82f64d;border-radius:.5rem;justify-content:center;align-items:center;gap:8px;width:100%;height:4rem;margin:1.5rem 0;padding:.75rem 1.5rem;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.add-section-between-btn i{font-size:16px}.add-section-between-btn:hover{opacity:1;background:#3b82f614;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.add-section-between-btn:active{transform:translateY(0)}.add-component-between-btn{cursor:pointer;color:#22c55e;opacity:0;background:#22c55e05;border:1px dashed #22c55e4d;border-radius:.375rem;justify-content:center;align-items:center;gap:6px;width:100%;height:3rem;margin:.5rem 0;padding:.5rem 1rem;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:scaleY(.5)}.add-component-between-btn i{font-size:14px}.add-component-between-btn span{font-weight:500}.add-component-between-btn:hover{opacity:1;background:#22c55e14;border-color:#22c55e80;transform:scaleY(1)}.add-component-between-btn:active{transform:scaleY(.95)}.sorting-mode-active .add-component-between-btn{opacity:.6;display:flex;transform:scaleY(1)}.sorting-mode-active .add-component-between-btn:hover{opacity:1}@media (max-width:768px){.drag-handle{width:1.5rem;height:1.5rem;left:-1.5rem}.section-toolbar,.column-toolbar,.component-toolbar{border-radius:.5rem;padding:.25rem .375rem;top:-.5rem;right:-.5rem}.toolbar-btn{width:1.75rem;height:1.75rem;font-size:.75rem}}@media (prefers-color-scheme:dark){.drag-handle,.section-toolbar,.column-toolbar,.component-toolbar{background:#000000d9;border-color:#ffffff1f;box-shadow:0 4px 12px #00000080}.drag-handle:before{color:#ffffffb3}.toolbar-btn{color:#ffffffe6}.toolbar-btn:hover{background:#ffffff26}.empty-section,.empty-column{color:#9ca3afe6;background:#111827cc;border-color:#4b556399}}
.add-content-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.add-content-modal-container{width:100%;max-width:1200px;max-height:90vh;animation:.3s ease-out slideUp;overflow:auto}.add-content-modal-container-compact{max-width:800px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-content-modal{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffb8;border:1px solid #0000001a;border-radius:1.25rem;overflow:hidden;box-shadow:0 8px 16px #0000001f,0 2px 4px #00000014,inset 0 0 0 .5px #ffffff80}.add-content-modal-header{background:#f9fafb80;border-bottom:1px solid #00000014;padding:1.5rem 2rem}.add-content-modal-header .modal-title{color:#111827;margin:0;font-family:Mulish,-apple-system,sans-serif;font-size:1.5rem;font-weight:600}.add-content-modal-header .text-muted{color:#6b7280;font-size:.875rem}.add-content-modal-header .btn-close{opacity:.6;border-radius:.5rem;width:2.5rem;height:2.5rem;transition:all .15s}.add-content-modal-header .btn-close:hover{opacity:1;background:#0000000d;transform:rotate(90deg)}.add-content-tabs{background:#f9fafb4d;border-bottom:1px solid #0000000f;align-items:center;gap:.5rem;padding:1rem 2rem 0;display:flex}.add-content-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Mulish,-apple-system,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;position:relative}.add-content-tab i{font-size:1rem;transition:transform .2s}.add-content-tab:hover{color:#374151;background:#00000005;border-radius:.5rem .5rem 0 0}.add-content-tab:hover i{transform:scale(1.1)}.add-content-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.add-content-tab.active:after{content:"";background:linear-gradient(90deg,#3b82f600 0%,#3b82f6 50%,#3b82f600 100%);width:80%;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.add-content-tab-content{min-height:400px;max-height:60vh;padding:2rem;overflow-y:auto}.add-content-tab-content::-webkit-scrollbar{width:8px}.add-content-tab-content::-webkit-scrollbar-track{background:#00000005;border-radius:4px}.add-content-tab-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.add-content-tab-content::-webkit-scrollbar-thumb:hover{background:#00000026}.components-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.component-card{text-align:center;-webkit-backdrop-filter:blur(10px)saturate(180%);backdrop-filter:blur(10px)saturate(180%);cursor:pointer;background:#ffffff80;border:1px solid #00000014;border-radius:.75rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.component-card:hover{background:#ffffffe6;border-color:#00000026;transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a}.component-card:active{transform:translateY(0)scale(.98)}.component-card-icon{color:#6b7280;background:#00000008;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;min-width:3.5rem;height:3.5rem;padding:0 .5rem;transition:all .2s;display:flex}.component-card:hover .component-card-icon{color:#374151;background:#0000000d}.component-card-icon svg{width:24px;height:24px}.component-card-icon i{font-size:28px}.component-card-content{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.component-card-title{color:#1d1d1f;margin:0 0 .125rem;font-family:Mulish,-apple-system,sans-serif;font-size:.9375rem;font-weight:500}.component-card-description{color:#9ca3af;margin:0;font-size:.75rem;line-height:1.4}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.template-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fffc;border:1px solid #00000014;border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.template-card:hover{background:#fff;border-color:#3b82f64d;transform:translateY(-6px);box-shadow:0 16px 32px #0000001f,0 6px 12px #00000014}.template-card:hover .template-card-preview{transform:scale(1.1)}.template-card:active{transform:translateY(-4px)scale(.98)}.template-card-preview{background:linear-gradient(135deg,#3b82f60d 0%,#8b5cf60d 100%);border-radius:.75rem;justify-content:center;align-items:center;width:100%;height:100px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.template-card-emoji{font-size:3rem;line-height:1}.template-card-content{flex:1}.template-card-title{color:#111827;margin:0 0 .5rem;font-family:Mulish,-apple-system,sans-serif;font-size:1.125rem;font-weight:600}.template-card-description{color:#6b7280;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.template-card-components{flex-wrap:wrap;gap:.5rem;display:flex}.template-component-badge{color:#6b7280;white-space:nowrap;background:#0000000d;border-radius:2rem;align-items:center;gap:.25rem;padding:.25rem .625rem;font-family:Mulish,-apple-system,sans-serif;font-size:.6875rem;font-weight:500;display:inline-flex}.column-config-section{background:#f9fafb80;border-radius:.75rem;padding:1.5rem}.column-config-title{color:#374151;margin:0;font-family:Mulish,-apple-system,sans-serif;font-size:.9375rem;font-weight:600}.column-config-title i{color:#6b7280}.form-label{color:#4b5563;margin-bottom:.5rem;font-family:Mulish,-apple-system,sans-serif;font-size:.8125rem;font-weight:500}.form-control,.form-range,.form-check-input{font-family:Mulish,-apple-system,sans-serif}.form-range{background:linear-gradient(to right, #3b82f633 0%, #3b82f633 var(--range-progress,100%), #d1d5db4d var(--range-progress,100%), #d1d5db4d 100%);border-radius:3px;width:100%;height:6px}.form-range::-webkit-slider-thumb{background:#3b82f6;border-radius:50%;width:18px;height:18px;transition:all .15s;box-shadow:0 2px 4px #3b82f64d}.form-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 8px #3b82f666}.form-range::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #3b82f64d}.form-control-color{cursor:pointer;border:1px solid #00000026;border-radius:.375rem;padding:.25rem}.form-control-color::-webkit-color-swatch-wrapper{padding:0}.form-control-color::-webkit-color-swatch{border:1px solid #0000001a;border-radius:.25rem}.form-check-input{cursor:pointer;border-radius:2rem;width:2.5rem;height:1.25rem}.form-check-input:checked{background-color:#3b82f6;border-color:#3b82f6}.form-check-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-check-label{color:#374151;-webkit-user-select:none;user-select:none;font-size:.875rem}.text-muted{color:#9ca3af;margin-top:.25rem;font-size:.75rem;display:block}.add-content-modal-footer{background:#f9fafb4d;border-top:1px solid #00000014;padding:1rem 2rem}.add-content-modal-footer .btn{border-radius:.5rem;padding:.625rem 1.25rem;font-family:Mulish,-apple-system,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s}.add-content-modal-footer .btn.btn-secondary{color:#6b7280;background:0 0;border-color:#00000026}.add-content-modal-footer .btn.btn-secondary:hover{color:#374151;background:#0000000d;border-color:#0003}.add-content-modal-footer .btn.btn-secondary:active{transform:scale(.98)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-content-tab-content>div{animation:.3s slideIn}@media (max-width:1200px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.add-content-modal-header,.add-content-tab-content,.add-content-modal-footer,.add-content-tabs{padding-left:1rem;padding-right:1rem}.add-content-tab{padding:.625rem 1rem;font-size:.8125rem}.components-grid,.templates-grid{grid-template-columns:1fr}.component-card:hover,.template-card:hover{transform:translateY(-2px)}}@media (max-width:576px){.modal-dialog{margin:.5rem}.add-content-modal{border-radius:1rem}.add-content-modal-header .modal-title{font-size:1.25rem}.component-card-icon{width:2.5rem;height:2.5rem}.component-card-icon i{font-size:1.25rem}.template-card-preview{height:80px}.template-card-emoji{font-size:2.5rem}}.add-content-modal.is-dark-mode{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#000000d9;border:1px solid #ffffff1f;box-shadow:0 4px 12px #00000080}.add-content-modal.is-dark-mode .modal-title{color:#ffffffe6}.add-content-modal.is-dark-mode .text-muted{color:#9ca3af99}.add-content-modal.is-dark-mode .btn-close{filter:invert()}.add-content-modal.is-dark-mode .add-content-modal-header,.add-content-modal.is-dark-mode .add-content-tabs,.add-content-modal.is-dark-mode .add-content-modal-footer{background:#0000004d;border-color:#ffffff1a}.add-content-modal.is-dark-mode .add-content-tab{color:#fff9}.add-content-modal.is-dark-mode .add-content-tab:hover{color:#ffffffe6;background:#ffffff1a}.add-content-modal.is-dark-mode .add-content-tab.active{color:#ffffffe6;border-bottom-color:#ffffffe6}.add-content-modal.is-dark-mode .component-card,.add-content-modal.is-dark-mode .template-card{background:#0006;border-color:#ffffff1a}.add-content-modal.is-dark-mode .component-card:hover,.add-content-modal.is-dark-mode .template-card:hover{background:#0009;border-color:#fff3}.add-content-modal.is-dark-mode .component-card-icon{color:#fff9;background:#ffffff0d}.component-card:hover .add-content-modal.is-dark-mode .component-card-icon{color:#ffffffe6;background:#ffffff1a}.add-content-modal.is-dark-mode .component-card-title,.add-content-modal.is-dark-mode .template-card-title{color:#ffffffe6}.add-content-modal.is-dark-mode .component-card-description,.add-content-modal.is-dark-mode .template-card-description{color:#9ca3afb3}.add-content-modal.is-dark-mode .template-component-badge{color:#ffffffb3;background:#ffffff1a}.add-content-modal.is-dark-mode .column-config-section{background:#0000004d}.add-content-modal.is-dark-mode .form-label{color:#ffffffb3}.add-content-modal.is-dark-mode .form-control{color:#ffffffe6;background:#0000004d;border-color:#ffffff26}.add-content-modal.is-dark-mode .form-control:focus{background:#0006;border-color:#ffffff4d}
.empty-note-placeholder{justify-content:center;align-items:center;padding:48px 0 64px;display:flex}.empty-note-content{text-align:center;background:linear-gradient(135deg,#f1f5fff2,#dbeafee6);border:1px solid #3b82f633;border-radius:32px;width:100%;padding:48px 48px 56px;box-shadow:0 25px 60px #0f172a26,inset 0 0 0 1px #ffffff40}.empty-note-logo{border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.empty-note-logo img{width:48px;height:auto}.empty-note-title{color:#0f172a;margin-bottom:12px;font-size:30px;font-weight:600}.empty-note-description{color:#334155;margin-bottom:32px;font-size:17px;line-height:1.6}.empty-note-btn{color:#2563eb;letter-spacing:.01em;cursor:pointer;background:#3b82f614 linear-gradient(135deg,#fffffffa,#dbeafee6);border:2px dashed #2563eb99;border-radius:24px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:96px;padding:0 40px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #3b82f614,0 8px 18px #2563eb1f}.empty-note-btn i{font-size:18px}.empty-note-btn:hover{border-color:#2563ebd9;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #3b82f633,0 12px 28px #2563eb2e}.empty-note-btn:active{transform:translateY(0)scale(.99)}.is-dark-mode .empty-note-content{background:linear-gradient(135deg,#020617f2,#0f172af2);border-color:#3b82f640;box-shadow:0 25px 60px #0009,inset 0 0 0 1px #3b82f614}.is-dark-mode .empty-note-logo{background:#0f172acc;box-shadow:0 12px 30px #0009,inset 0 0 0 1px #ffffff0d}.is-dark-mode .empty-note-title{color:#e2e8f0}.is-dark-mode .empty-note-description{color:#e2e8f0d9}.is-dark-mode .empty-note-btn{color:#93c5fd;background:#0f172ad9;border-color:#60a5fa99;box-shadow:inset 0 0 0 1px #3b82f640,0 8px 20px #020617b3}.is-dark-mode .empty-note-btn:hover{background:#1e293be6}@media (max-width:768px){.empty-note-placeholder{padding:32px 0 40px}.empty-note-content{border-radius:24px;padding:32px 24px 40px}.empty-note-logo{border-radius:18px;width:64px;height:64px}.empty-note-logo img{width:40px}.empty-note-title{font-size:24px}.empty-note-description{font-size:15px}.empty-note-btn{border-radius:20px;min-height:82px}}
.template-section-modal .live-editor-modal{background:linear-gradient(135deg,#2563eb,#1d4ed8,#0f172a);border:none;box-shadow:0 35px 80px #0f172a8c,inset 0 0 0 1px #ffffff1a}.template-section-modal .live-editor-modal.is-dark-mode{background:linear-gradient(135deg,#020617,#0f172a,#111827);box-shadow:0 40px 85px #020617cc,inset 0 0 0 1px #94a3b833}.template-section-modal .live-editor-modal-header,.template-section-modal .live-editor-modal-footer{background:0 0;border-color:#ffffff1a}.template-section-modal .live-editor-modal-title{color:#f8fafc}.template-section-modal .live-editor-modal-description{color:#e2e8f0d9}.template-section-modal .live-editor-modal-body{background:#0f172a8c;padding:32px}.templates-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.template-card{cursor:pointer;background:#fffffff2;border:1px solid #ffffff59;border-radius:.75rem;align-items:center;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.template-card:hover{background:#fff;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a40}.template-card:active{transform:translateY(0)}.template-card-icon{background:#ffffff26;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.template-card-icon svg{color:#fff}.template-card-content{flex:1}.template-card-title{color:#0f172a;margin:0 0 .25rem;font-size:.95rem;font-weight:600}.template-card-description{color:#475569e6;margin:0;font-size:.82rem;line-height:1.4}.template-section-modal.is-dark-mode .template-card{background:#0f172ad9;border-color:#ffffff1f}.template-section-modal.is-dark-mode .template-card:hover{background:#1e293be6;border-color:#93c5fd66;box-shadow:0 4px 12px #2563eb40}.template-section-modal.is-dark-mode .template-card-title{color:#f8fafc}.template-section-modal.is-dark-mode .template-card-description{color:#cbd5e1d9}@media (max-width:768px){.template-section-modal .live-editor-modal-body{padding:24px}.templates-grid{grid-template-columns:1fr}}
.live-editor-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:20px;animation:.25s ease-out liveModalFade;display:flex;position:fixed;inset:0}.live-editor-modal-container{width:100%;max-height:80vh;animation:.35s cubic-bezier(.34,1.56,.64,1) liveModalSlide;overflow:auto}.live-editor-modal-container.size-sm{max-width:420px}.live-editor-modal-container.size-md{max-width:560px}.live-editor-modal-container.size-lg{max-width:820px}.live-editor-modal-container.size-xl{max-width:1080px}.live-editor-modal-container.size-full{max-width:1320px}@keyframes liveModalFade{0%{opacity:0}to{opacity:1}}@keyframes liveModalSlide{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.live-editor-modal{-webkit-backdrop-filter:blur(24px)saturate(180%);max-height:inherit;background:#ffffffb8;border:1px solid #0000001a;border-radius:24px;flex-direction:column;display:flex;box-shadow:0 14px 36px #0000002e,0 6px 16px #0000001f,inset 0 0 0 .5px #ffffff80}.live-editor-modal.is-dark-mode{background:#000000bf;border-color:#ffffff1f;box-shadow:0 16px 32px #00000073,0 6px 16px #00000059,inset 0 0 0 .5px #ffffff14}.live-editor-modal-header{border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 32px 18px;display:flex}.live-editor-modal.is-dark-mode .live-editor-modal-header{background:linear-gradient(#0f172ad9,#0000);border-bottom-color:#ffffff26}.live-editor-modal-header-text{flex:1}.live-editor-modal-title{color:#1d1d1f;margin:0 0 4px;font-family:Mulish,-apple-system,sans-serif;font-size:20px;font-weight:600}.live-editor-modal.is-dark-mode .live-editor-modal-title{color:#f8fafc}.live-editor-modal-description{color:#4b5563;margin:0;font-size:14px}.live-editor-modal.is-dark-mode .live-editor-modal-description{color:#e2e8f0d9}.live-editor-modal-header-actions{align-items:center;gap:8px;display:flex}.live-editor-modal-body{padding:28px 32px 36px;overflow-y:auto}.live-editor-modal-footer{background:linear-gradient(#0000,#fff6);border-top:1px solid #0f172a14;justify-content:flex-end;gap:12px;padding:18px 32px 28px;display:flex}.live-editor-modal.is-dark-mode .live-editor-modal-footer{background:linear-gradient(#0000,#0006);border-top-color:#ffffff1f}
body.note-protection-enabled .section-header.is-note,body.note-protection-enabled .section.section-breadcrumbs,body.note-protection-enabled .section.section-main-content{-webkit-user-select:none;user-select:none;transition:filter .15s,opacity .15s}body.note-protection-enabled.note-protection-obscured .section-header.is-note,body.note-protection-enabled.note-protection-obscured .section.section-breadcrumbs,body.note-protection-enabled.note-protection-obscured .section.section-main-content{filter:blur(8px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}body.note-protection-enabled .section.section-main-content input,body.note-protection-enabled .section.section-main-content textarea,body.note-protection-enabled .section.section-main-content [contenteditable=true]{-webkit-user-select:text;user-select:text}@media print{body.note-protection-enabled .section-header.is-note,body.note-protection-enabled .section.section-breadcrumbs,body.note-protection-enabled .section.section-main-content{display:none!important}}
@media print{:root{--print-left-margin:4mm}@page{size:A4;margin:4mm}html{zoom:.69}html,body,.is-portal,.is-portal *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important}.container,.container-note,.container-fluid{width:100%!important;max-width:none!important;padding-left:var(--print-left-margin)!important;margin-left:0!important;padding-right:4mm!important}.section .row{margin-left:0!important;margin-right:0!important}.section .row>[class*=col-]{padding-left:0!important}.section.section-breadcrumbs .btn.btn-icon{display:none!important}.navbar.navbar-default .navbar-header{float:none!important;justify-content:space-between!important;align-items:center!important;gap:0!important;width:100%!important;margin-top:20px!important;padding:0!important;display:flex!important}.navbar.navbar-default .navbar-header:before,.navbar.navbar-default .navbar-header:after{content:none!important;display:none!important}.navbar.navbar-default .navbar-header .navbar-nav{display:none!important}.navbar.navbar-default .navbar-header .brand-area{float:none!important;flex:none!important;order:1!important;margin:0 auto 0 0!important}.navbar.navbar-default .navbar-header .navbar-brand{float:none!important;flex:none!important;order:2!important;margin:0 0 0 auto!important;position:static!important;left:auto!important}.section-title h1,.section-title h1.is-small{font-size:36px!important}.section-title h2{font-size:42px!important}.section-title h3,.section-title h3.is-small{font-size:36px!important}.section.section-header.is-note .section-title h1{font-size:66px!important}.section.section-main-content .card.card-box-simple,.section.section-main-content .card.card-box-events,.section.section-main-content .table-note-container{box-shadow:none!important;background-color:#0000!important;border:0!important}.section.section-main-content .card.card-box-simple .card-body,.section.section-main-content .card.card-box-events .card-body{background-color:#0000!important}.section.section-main-content .card.card-box-simple .card-body,.section.section-main-content .card.card-box-simple .tiptap-content,:is(.section.section-main-content .row:has(.card.card-box-events) .card.component-type-description .card-body,.section.section-main-content .row:has(.card.card-box-events) .card.component-type-description .tiptap-content){margin-left:20px!important;padding-left:0!important}.section.section-main-content .card.card-box-image{background-color:var(--color-platinum)!important;box-shadow:none!important;border:0!important;border-radius:15px!important}.section.section-main-content .card.card-box-image .card-body{background-color:var(--color-white)!important;border:0!important;border-radius:10px!important}.section.section-main-content .row.has-image-cards{break-inside:avoid-page!important;page-break-inside:avoid!important}.section.section-main-content .row:has(.card.card-box-image){break-inside:avoid-page!important;page-break-inside:avoid!important}.section.section-main-content .row.has-image-cards>[class*=col-]{break-inside:avoid-page!important;page-break-inside:avoid!important}.section.section-main-content .row:has(.card.card-box-image)>[class*=col-]{break-inside:avoid-page!important;page-break-inside:avoid!important}.section.section-main-content .row.has-image-cards .card.card-box-image,.section.section-main-content .row.has-image-cards .card.card-box-image .card-body,.section.section-main-content .row.has-image-cards .card.card-box-image img{break-inside:avoid-page!important;page-break-inside:avoid!important}.section.section-main-content .row:has(.card.card-box-image) .card.card-box-image{break-inside:avoid-page!important;page-break-inside:avoid!important}.section.section-main-content .row:has(.card.card-box-image) .card.card-box-image .card-body{break-inside:avoid-page!important;page-break-inside:avoid!important}.section.section-main-content .row:has(.card.card-box-image) .card.card-box-image img{break-inside:avoid-page!important;page-break-inside:avoid!important}.section.section-main-content .row.has-image-cards .card.component-type-title .card-body,.section.section-main-content .row.has-image-cards .card.component-type-description .card-body{margin-left:-4px!important;padding-left:0!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-title .card-body{margin-left:-4px!important;padding-left:0!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-description .card-body{margin-left:-4px!important;padding-left:0!important}.section.section-main-content .row.has-image-cards .card.component-type-title .tiptap-content,.section.section-main-content .row.has-image-cards .card.component-type-description .tiptap-content,.section.section-main-content .row.has-image-cards .card.component-type-title .tiptap-content h1,.section.section-main-content .row.has-image-cards .card.component-type-title .tiptap-content h2,.section.section-main-content .row.has-image-cards .card.component-type-title .tiptap-content h3,.section.section-main-content .row.has-image-cards .card.component-type-title .tiptap-content h4,.section.section-main-content .row.has-image-cards .card.component-type-description .tiptap-content h1,.section.section-main-content .row.has-image-cards .card.component-type-description .tiptap-content h2,.section.section-main-content .row.has-image-cards .card.component-type-description .tiptap-content h3,.section.section-main-content .row.has-image-cards .card.component-type-description .tiptap-content h4,.section.section-main-content .row.has-image-cards .card.component-type-title .tiptap-content p,.section.section-main-content .row.has-image-cards .card.component-type-description .tiptap-content p{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-title .tiptap-content{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-description .tiptap-content{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-title .tiptap-content h1{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-title .tiptap-content h2{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-title .tiptap-content h3{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-title .tiptap-content h4{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-description .tiptap-content h1{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-description .tiptap-content h2{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-description .tiptap-content h3{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-description .tiptap-content h4{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-title .tiptap-content p{font-size:20px!important;line-height:1.25!important}.section.section-main-content .row:has(.card.card-box-image) .card.component-type-description .tiptap-content p{font-size:20px!important;line-height:1.25!important}.navbar.navbar-default.fixed-top{position:absolute!important;top:0!important;left:0!important;right:0!important;transform:none!important}.navbar.navbar-default.pulse-hidden{transform:none!important}.section.section-header.is-note{background-position:50%!important;background-size:cover!important;height:auto!important;min-height:420px!important;padding-top:150px!important;padding-bottom:0!important}.section.section-header.is-note:before{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.section.section-breadcrumbs{padding-top:8px!important;padding-bottom:0!important}.section.section-main-content .card{margin-top:14px!important;margin-bottom:0!important}.section.section-main-content .card.first,.section.section-main-content .card.component-type-title{margin-top:8px!important}.section.section-main-content h1{margin-top:20px!important;padding-bottom:8px!important}.section.section-main-content .first h1,.section.section-main-content .card.component-type-title h1:first-child{margin-top:8px!important}.section.section-main-content h2{margin-top:16px!important}.section.section-main-content h3,.section.section-main-content h4{margin-top:12px!important}.section.section-main-content .card.card-box-events{margin-top:8px!important}.section.section-main-content .card.card-box-events .list-events,.section.section-main-content .card.card-box-events .list-events>li+li{margin-top:10px!important}.section.section-main-content .card.card-box-events .list-events .highlighted-content{border:.5px solid #000!important}.section.section-main-content .join-cards .card+.card{margin-top:0!important}.section.section-main-content .join-cards{flex:0 0 100%!important;width:100%!important;max-width:100%!important}.section.section-main-content .row:has(.card.card-box-events){display:block!important}.section.section-main-content .row>[class*=col-]:has(.card.card-box-events){flex:0 0 100%!important;width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}.section.section-main-content .table-responsive{overflow:visible!important}.section.section-main-content.section-team .container.container-note{grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:start!important;gap:0 7px!important;margin-bottom:20px!important;display:grid!important}.section.section-main-content.section-team .container.container-note>.row{display:contents!important}.section.section-main-content.section-team .container.container-note>.row>[class*=col-]{flex:none!important;width:auto!important;max-width:none!important;padding-left:4px!important;padding-right:4px!important}.section.section-main-content.section-team .contacts-item{margin-bottom:0!important}.section.section-main-content.section-team .contacts-item .name{font-size:17px!important;line-height:1.15!important}.section.section-main-content.section-team .contacts-item p{font-size:13px!important;line-height:1.2!important}.section.section-main-content.section-team .contacts-item .image{width:50px!important;height:50px!important;margin-bottom:4px!important}.section.section-main-content.section-team .contacts-item .list-inline{display:none!important}.section.section-main-content.section-team{margin-bottom:0!important;padding-bottom:4px!important}.section.section-main-content.section-disclaimer{margin-top:0!important;padding-top:0!important}.section.section-main-content.section-disclaimer p{margin-bottom:0!important}footer{display:none!important}.table-note-container .table thead th:first-child,.table-note-container .table tbody td:first-child,.table-note-container .table tbody th:first-child{position:static!important;left:auto!important}}