:root{--front-office-primary:#3182ce;--front-office-secondary:#718096;--front-office-success:#38a169;--front-office-success-light:#48bb78;--front-office-success-dark:#2f855a;--front-office-success-bg:#f0fff4;--front-office-danger:#e53e3e;--front-office-danger-light:#f56565;--front-office-danger-dark:#c53030;--front-office-danger-bg:#fff5f5;--front-office-warning:#dd6b20;--front-office-warning-light:#ed8936;--front-office-warning-dark:#c05621;--front-office-warning-bg:#fffaf0;--front-office-info:#319795;--front-office-info-light:#38b2ac;--front-office-info-dark:#2c7a7b;--front-office-info-bg:#e6fffa;--front-office-surface:#f7fafc;--front-office-surface-light:#fff;--front-office-surface-dark:#edf2f7;--front-office-border-color:#e2e8f0;--front-office-divider-color:#e2e8f0;--text-primary:#1a202c;--text-secondary:#4a5568;--text-tertiary:#718096;--text-disabled:#a0aec0;--text-inverse:#f8fafc;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-heading:var(--font-family-base);--font-family-monospace:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-px:1px;--spacing-0:0;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-2-5:0.625rem;--spacing-3:0.75rem;--spacing-3-5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-none:0;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:150ms;--transition-normal:300ms;--transition-slow:500ms;--transition-timing:cubic-bezier(0.4,0,0.2,1);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}.react .alert{border:1px solid transparent;border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);position:relative}.react .alert-primary{background-color:var(--front-office-primary);border-color:var(--front-office-primary);color:var(--front-office-primary)}.react .alert-secondary{background-color:var(--front-office-secondary);border-color:var(--front-office-secondary);color:var(--front-office-secondary)}.react .alert-success{background-color:var(--front-office-success-bg);border-color:var(--front-office-success-light);color:var(--front-office-success)}.react .alert-danger{background-color:var(--front-office-danger-bg);border-color:var(--front-office-danger-light);color:var(--front-office-danger)}.react .alert-warning{background-color:var(--front-office-warning-bg);border-color:var(--front-office-warning-light);color:var(--front-office-warning)}.react .alert-info{background-color:var(--front-office-info-bg);border-color:var(--front-office-info-light);color:var(--front-office-info)}.react .btn,.react button{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;line-height:var(--line-height-normal);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast) var(--transition-timing)}.react .btn-primary{color:var(--text-inverse)}.react .btn-primary,.react .btn-primary:focus,.react .btn-primary:hover{background-color:var(--front-office-primary);border-color:var(--front-office-primary)}.react .btn-secondary{color:var(--text-inverse)}.react .btn-secondary,.react .btn-secondary:focus,.react .btn-secondary:hover{background-color:var(--front-office-secondary);border-color:var(--front-office-secondary)}.react .btn-success{color:var(--text-inverse)}.react .btn-success,.react .btn-success:focus,.react .btn-success:hover{background-color:var(--front-office-success);border-color:var(--front-office-success)}.react .btn-danger{color:var(--text-inverse)}.react .btn-danger,.react .btn-danger:focus,.react .btn-danger:hover{background-color:var(--front-office-danger);border-color:var(--front-office-danger)}.react .btn-warning{color:var(--text-inverse)}.react .btn-warning,.react .btn-warning:focus,.react .btn-warning:hover{background-color:var(--front-office-warning);border-color:var(--front-office-warning)}.react .btn-info{color:var(--text-inverse)}.react .btn-info,.react .btn-info:focus,.react .btn-info:hover{background-color:var(--front-office-info);border-color:var(--front-office-info)}.react .btn-outline{background-color:transparent}.react .btn-outline-primary{border-color:var(--front-office-primary);color:var(--front-office-primary)}.react .btn-outline-primary:focus,.react .btn-outline-primary:hover{background-color:var(--front-office-primary);color:var(--text-inverse)}.react .btn-outline-secondary{border-color:var(--front-office-secondary);color:var(--front-office-secondary)}.react .btn-outline-secondary:focus,.react .btn-outline-secondary:hover{background-color:var(--front-office-secondary);color:var(--text-inverse)}.react .btn-sm{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3)}.react .btn-lg{font-size:var(--font-size-md);padding:var(--spacing-3) var(--spacing-6)}.react .btn:disabled,.react button:disabled{cursor:not-allowed;opacity:.65;pointer-events:none}.react .card{display:flex;flex-direction:column;min-width:0;position:relative;word-wrap:break-word;background-clip:border-box;background-color:var(--front-office-surface-light);border:1px solid var(--front-office-border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.react .card-header{background-color:var(--front-office-surface);border-bottom:1px solid var(--front-office-border-color);margin-bottom:0;padding:var(--spacing-4)}.react .card-body{flex:1 1 auto;padding:var(--spacing-4)}.react .card-footer{background-color:var(--front-office-surface);border-top:1px solid var(--front-office-border-color);padding:var(--spacing-4)}.react .text-primary{color:var(--front-office-primary)}.react .text-secondary{color:var(--front-office-secondary)}.react .text-success{color:var(--front-office-success)}.react .text-danger{color:var(--front-office-danger)}.react .text-warning{color:var(--front-office-warning)}.react .text-info{color:var(--front-office-info)}.react .bg-primary{background-color:var(--front-office-primary);color:var(--text-inverse)}.react .bg-secondary{background-color:var(--front-office-secondary);color:var(--text-inverse)}.react .bg-success{background-color:var(--front-office-success);color:var(--text-inverse)}.react .bg-danger{background-color:var(--front-office-danger);color:var(--text-inverse)}.react .bg-warning{background-color:var(--front-office-warning);color:var(--text-inverse)}.react .bg-info{background-color:var(--front-office-info);color:var(--text-inverse)}.react .bg-surface{background-color:var(--front-office-surface)}.react .bg-surface-light{background-color:var(--front-office-surface-light)}.react .form-group{margin-bottom:var(--spacing-4)}.react label{color:var(--text-secondary);display:inline-block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.react .form-control{background-clip:padding-box;background-color:var(--front-office-surface-light);border:1px solid var(--front-office-border-color);border-radius:var(--radius-md);color:var(--text-primary);display:block;font-size:var(--font-size-md);line-height:var(--line-height-normal);padding:var(--spacing-2) var(--spacing-3);transition:border-color var(--transition-fast) var(--transition-timing),box-shadow var(--transition-fast) var(--transition-timing);width:100%}.react .form-control:focus{border-color:var(--front-office-primary);box-shadow:0 0 0 3px rgba(var(--front-office-secondary),.25);outline:0}.react .form-control:disabled,.react .form-control[readonly]{background-color:var(--front-office-surface-dark);opacity:1}.react .form-group>label{font-weight:700}.react .form-check-input{border:1px solid #ccc;border-radius:3px;cursor:pointer;height:16px;margin-right:5px;position:relative;top:-1px;vertical-align:middle;width:16px}.react .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.react .form-check-input:disabled{cursor:not-allowed;opacity:.5}.react .form-check-label{display:inline-block;margin:0!important;vertical-align:middle}.react .modal-title{font-size:18px;font-weight:500}.react .h1,.react h1{font-size:var(--font-size-4xl)}.react .h1,.react .h2,.react h1,.react h2{color:var(--text-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}.react .h2,.react h2{font-size:var(--font-size-3xl)}.react .h3,.react h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-3)}.react .h4,.react h4{font-size:var(--font-size-xl)}.react .h4,.react .h5,.react h4,.react h5{color:var(--text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-2)}.react .h5,.react h5{font-size:var(--font-size-lg)}.react .h6,.react h6{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-2)}.react p{line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.react .text-sm,.react small{font-size:var(--font-size-sm)}.react .text-xs{font-size:var(--font-size-xs)}.react .text-lg{font-size:var(--font-size-lg)}.react .text-xl{font-size:var(--font-size-xl)}.react .font-light{font-weight:var(--font-weight-light)}.react .font-normal{font-weight:var(--font-weight-normal)}.react .font-medium{font-weight:var(--font-weight-medium)}.react .font-semibold{font-weight:var(--font-weight-semibold)}.react .font-bold{font-weight:var(--font-weight-bold)}.react .shadow-sm{box-shadow:var(--shadow-sm)}.react .shadow-md{box-shadow:var(--shadow-md)}.react .shadow-lg{box-shadow:var(--shadow-lg)}.react .shadow-xl{box-shadow:var(--shadow-xl)}.react .rounded-sm{border-radius:var(--radius-sm)}.react .rounded-md{border-radius:var(--radius-md)}.react .rounded-lg{border-radius:var(--radius-lg)}.react .rounded-xl{border-radius:var(--radius-xl)}.react .badge,.react .rounded-full{border-radius:var(--radius-full)}.react .badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;padding:var(--spacing-0-5) var(--spacing-2);text-align:center;vertical-align:baseline;white-space:nowrap}.react .badge-primary{background-color:var(--front-office-primary);color:var(--text-inverse)}.react .badge-secondary{background-color:var(--front-office-secondary);color:var(--text-inverse)}.react .badge-success{background-color:var(--front-office-success);color:var(--text-inverse)}.react .badge-danger{background-color:var(--front-office-danger);color:var(--text-inverse)}.react .badge-warning{background-color:var(--front-office-warning);color:var(--text-inverse)}.react .badge-info{background-color:var(--front-office-info);color:var(--text-inverse)}.validation-error{color:var(--front-office-danger);display:block;font-size:.875rem;margin-top:.25rem}.invalid-input{border-color:var(--front-office-danger)!important}.invalid-feedback{color:var(--front-office-danger);display:block;font-size:.875rem;margin-top:.25rem}.template-create-container{display:flex;flex-direction:column;gap:var(--spacing-4);height:100%;margin:0 auto;width:100%}.template-create-action-buttons{display:flex;flex-direction:row;gap:var(--spacing-2);justify-content:flex-end;width:100%}@media (max-width:640px){.template-type-configurations-container{grid-template-columns:1fr}}.view-mode-field{display:flex;flex-direction:column;gap:var(--spacing-1)}.view-mode-field label{color:var(--text-secondary)}.view-mode-value{align-items:center;display:flex;padding:var(--spacing-2)}.selected-fields.full-width{width:100%}.selected-field-item.view-mode{cursor:default}.selected-field-item.view-mode:hover{box-shadow:var(--shadow-sm);transform:none}.field-prefix,.field-suffix{background-color:var(--front-office-surface-dark);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--font-size-xs);margin-left:var(--spacing-2);padding:var(--spacing-0-5) var(--spacing-2)}.view-btn{align-items:center;background-color:var(--front-office-info);border:none;border-radius:var(--radius-full);box-shadow:0 2px 4px rgba(66,153,225,.3);color:var(--front-office-surface-light);display:flex;height:32px;justify-content:center;transition:background-color .2s,transform .2s,box-shadow .2s;width:32px}.view-btn:hover{background-color:var(--front-office-info-dark);transform:scale(1.05)}.view-mode-container{display:flex;flex-direction:column;gap:var(--spacing-4)}.view-mode-field{margin-bottom:var(--spacing-3)}.view-mode-field label{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.view-mode-value{background-color:var(--front-office-surface-dark);border-radius:var(--radius-md);min-height:38px;padding:var(--spacing-2) var(--spacing-3)}.settings-row{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.settings-row .form-group{flex:1;min-width:150px}.format-hint{color:var(--text-secondary);font-style:italic;margin-left:var(--spacing-2)}.format-string-editor{margin-top:var(--spacing-3)}.format-input-container{position:relative}.token-suggestions-dropdown{animation:fadeIn .15s ease-in-out;background-color:var(--front-office-surface-light);border:1px solid var(--front-office-border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.token-suggestion-item{border-bottom:1px solid var(--front-office-border-color);cursor:pointer;display:flex;flex-direction:column;padding:var(--spacing-2) var(--spacing-3)}.token-suggestion-item:last-child{border-bottom:none}.token-suggestion-item.active,.token-suggestion-item:hover{background-color:var(--front-office-surface-light)}.token-suggestion-item .token-name{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-0-5)}.token-suggestion-item .token-value{background-color:var(--front-office-primary);border-radius:var(--radius-sm);color:var(--front-office-primary);font-family:monospace;font-size:var(--font-size-sm);margin-bottom:var(--spacing-0-5);padding:0 var(--spacing-1)}.token-suggestion-item .token-description{color:var(--text-secondary);font-size:var(--font-size-xs)}.format-tokens-help{background-color:var(--front-office-surface-dark);border-radius:var(--radius-md);margin-top:var(--spacing-4);padding:var(--spacing-3)}.format-tokens-help h5{color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.available-tokens-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);overflow-y:auto}.available-token{background-color:var(--front-office-surface-light);border:1px solid var(--front-office-border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:var(--spacing-2)}.available-token .disabled{background-color:var(--text-disabled);cursor:unset}.available-token:hover{border-color:var(--front-office-primary);box-shadow:var(--shadow-sm)}.available-token .token-value{background-color:var(--front-office-primary);border-radius:var(--radius-sm);color:var(--front-office-primary);font-family:monospace;font-size:var(--font-size-sm);padding:0 var(--spacing-1)}.available-token .token-description,.available-token .token-value{margin-top:var(--spacing-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.available-token .token-description{color:var(--text-secondary);font-size:var(--font-size-xs)}@media (max-width:768px){.settings-row{flex-direction:column;gap:var(--spacing-2)}.settings-row .form-group{width:100%}.available-token{max-width:none;width:100%}}.selected-report-type-container{margin-bottom:var(--spacing-4)}.selected-report-type{background-color:var(--front-office-primary);border-left:4px solid var(--front-office-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-3) var(--spacing-4)}.report-type-label{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.report-type-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.report-type-description{color:var(--text-tertiary);font-size:var(--font-size-sm);line-height:1.5}.step2-container{display:flex;flex-direction:row;gap:var(--spacing-2)}.step2-container-1{display:flex;flex-direction:column;gap:var(--spacing-2)}.step2-container>:first-child{max-width:600px;min-width:400px;width:unset}.step2-container>:nth-child(2){flex:1;width:unset}@media (max-width:1200px){.step2-container>:first-child{flex:1;max-width:100%}.step2-container{flex-direction:column}}.trippa-create-container{display:flex;flex-direction:row;gap:var(--spacing-2)}.template-type-configurations-container{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(600px,1fr))}.template-type-card{border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all var(--transition-fast) var(--transition-timing)}.template-type-card.active{background-color:var(--front-office-success-bg)!important}.template-type-card:hover{background-color:var(--front-office-surface-dark);box-shadow:var(--shadow-sm)}.template-type-card:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.selected-indicator{align-items:center;background-color:var(--front-office-success);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.template-type-content{width:100%}.template-type-description{margin-bottom:15px}.field-accordion-toggle{align-items:center;color:var(--front-office-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:5px;padding-bottom:10px}.field-accordion-toggle,.fields-content{border-top:1px solid var(--front-office-border-color);padding-top:10px}.fields-content{margin-top:5px}.fields-content h4{color:var(--text-primary);font-size:var(--font-size-md);margin-bottom:10px;margin-top:0}.fields-list{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.field-item{border-bottom:1px solid var(--front-office-border-color);padding:8px 0}.field-item:last-child{border-bottom:none}.field-name{display:block}.field-description{color:var(--text-secondary);display:block;font-size:var(--font-size-xs);margin-top:3px}#template-fields-section{overflow:visible}.report-template-fields-container{display:flex;gap:var(--spacing-6);height:100%;max-height:calc(100vh - 400px);width:100%}.available-fields-list,.selected-fields-list{background-color:var(--front-office-surface-dark);border:1px solid var(--front-office-border-color);border-radius:var(--radius-lg);overflow:auto}.available-fields-list{height:calc(100vh - 500px);overflow:auto;position:relative}.selected-fields-list{height:calc(100vh - 450px)}.available-fields-list::-webkit-scrollbar,.selected-fields-list::-webkit-scrollbar{width:8px}.available-fields-list::-webkit-scrollbar-thumb,.selected-fields-list::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-sm)}.available-fields-list::-webkit-scrollbar-thumb:hover,.selected-fields-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.no-fields-message{color:var(--text-tertiary);padding:var(--spacing-6);text-align:center}.add-field-btn,.remove-field-btn,.settings-btn{align-items:center;border:none;border-radius:var(--radius-full);display:flex;height:32px;justify-content:center;width:32px}.add-field-btn,.settings-btn{color:var(--front-office-surface-light)}.add-field-btn,.add-field-btn:hover:not(:disabled),.settings-btn,.settings-btn:hover:not(:disabled){background-color:var(--front-office-primary)}.remove-field-btn{background-color:var(--front-office-danger);color:var(--front-office-surface-light)}.remove-field-btn:hover:not(:disabled){background-color:var(--front-office-danger-dark)}.add-field-btn:disabled,.remove-field-btn:disabled,.settings-btn:disabled{background-color:var(--front-office-secondary);cursor:not-allowed;opacity:.7}.field-content{flex:1;flex-direction:column}.field-content,.field-name{display:flex;gap:var(--spacing-1)}.field-name{align-items:center;color:var(--text-primary);flex-direction:row;font-weight:var(--font-weight-medium)}.field-duplicate-badge,.field-usage-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-0-5) var(--spacing-2)}.field-duplicate-badge,.field-usage-badge{background-color:var(--front-office-warning-bg);color:var(--front-office-warning-dark)}.field-duplicate-badge{border:1px solid var(--front-office-warning)}.available-fields{flex:1;max-width:300px;min-width:280px;overflow:visible}.search-field{margin-bottom:var(--spacing-2)!important;width:100%}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{border-color:var(--front-office-border-color);padding-right:30px;transition:all var(--transition-fast) var(--transition-timing)}.search-input:focus{border-color:var(--front-office-primary)}.available-field-item{align-items:center;background-color:var(--front-office-surface-light);border-bottom:1px solid var(--front-office-border-color);display:flex;justify-content:space-between;overflow:visible;padding:var(--spacing-3) var(--spacing-4)}.available-field-item:hover{background-color:var(--front-office-surface-dark)}.available-field-item:last-child{border-bottom:none}.available-field-item.field-already-added{border-left:3px solid var(--front-office-warning);opacity:.7}.available-field-item.field-already-added .field-name{color:var(--text-tertiary)}.selected-fields{flex:1;height:100%}.selected-fields-header{align-items:center;display:flex;justify-content:space-between}.available-fields-header,.selected-fields-header{margin-bottom:var(--spacing-1)}.field-count{color:var(--text-secondary);font-size:var(--font-size-sm)}.selected-fields-list{min-height:300px;padding:var(--spacing-2)}.selected-field-item{align-items:center;background-color:var(--front-office-surface-light);border:1px solid var(--front-office-border-color);border-radius:var(--radius-lg);cursor:grab;display:flex;margin:var(--spacing-1) 0;padding:var(--spacing-3);position:relative}.selected-field-item.dragging{background-color:var(--front-office-info-bg);border:1px dashed var(--front-office-primary);opacity:.7}.selected-field-item.drag-over{background-color:var(--front-office-info-bg);border:2px dashed var(--front-office-primary)}.field-drag-handle{align-items:center;color:var(--text-tertiary);cursor:grab;display:flex;justify-content:center;margin-right:var(--spacing-3);padding:var(--spacing-1)}.field-drag-handle:hover{color:var(--text-secondary)}.field-order{align-items:center;background-color:var(--front-office-primary);border-radius:var(--radius-full);color:var(--front-office-surface-light);font-weight:var(--font-weight-semibold);height:24px;justify-content:center;margin-right:var(--spacing-3);width:24px}.field-details,.field-order{display:flex;font-size:var(--font-size-xs)}.field-details{gap:var(--spacing-2);max-width:100%;overflow:hidden}.field-format-preview{background-color:var(--front-office-info-bg);font-size:var(--font-size-xs);max-width:100ch;padding:var(--spacing-0-5) var(--spacing-2);text-overflow:ellipsis}.field-actions{display:flex;gap:var(--spacing-2);margin-left:auto}.format-type-selector{border-top:1px solid var(--front-office-border-color);margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.readonly-format{background-color:var(--front-office-surface-dark);color:var(--text-tertiary);cursor:not-allowed}.field-info-icon{color:var(--front-office-primary);cursor:help;display:inline-block;font-size:14px;margin-right:6px;position:relative;vertical-align:middle}.field-info-icon i{transition:color .2s ease}.field-info-icon:hover i{color:var(--front-office-primary,#0a58ca)}body:after{content:"";display:block}.field-info-icon:hover:before,body:after{left:0;pointer-events:none;position:fixed;top:0;z-index:9999}.field-info-icon:hover:before{background-color:rgba(0,0,0,.8);border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:12px;max-width:250px;padding:8px 10px;word-wrap:break-word;transform:translate(calc(var(--x) - 5px),calc(var(--y) - 100% - 10px))}.field-info-icon{--x:0px;--y:0px}@media (max-width:768px){.report-template-fields-container{flex-direction:column}.available-fields{max-width:none;width:100%}.available-fields-list,.selected-fields-list{max-height:500px}}@media (max-width:480px){.selected-field-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}.field-drag-handle,.field-order{align-self:center;margin-right:0}.field-content{width:100%}.field-actions{justify-content:flex-end;margin-left:0;margin-top:var(--spacing-2);width:100%}}.stepper-container{display:flex;margin:0;padding:0;width:100%}.stepper-container.vertical{flex-direction:column}.stepper-container.horizontal{align-items:flex-start;flex-direction:row}.step{display:flex;position:relative}.stepper-container.vertical .step{margin-bottom:var(--spacing-6)}.stepper-container.horizontal .step{align-items:center;flex:1;flex-direction:column}.step-number{align-items:center;border-radius:var(--radius-full);display:flex;font-weight:var(--font-weight-semibold);height:26px;justify-content:center;transition:background-color var(--transition-normal),color var(--transition-normal);width:26px;z-index:1}.step.active .step-number{background-color:var(--front-office-primary);color:var(--front-office-surface-light)}.step.inactive .step-number{background-color:var(--front-office-border-color);color:var(--text-secondary)}.step.completed .step-number{background-color:var(--front-office-primary);color:var(--front-office-surface-light)}.step-content{display:flex;flex-direction:column;padding:0 var(--spacing-4)}.stepper-container.horizontal .step-content{margin-top:var(--spacing-2);padding:0;text-align:center}.step-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin:0}.step.inactive .step-title{color:var(--text-secondary)}.step-subtitle{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.step.clickable{cursor:pointer}.step.optional .step-title:after{color:var(--text-tertiary);content:" (optional)";font-size:var(--font-size-xs)}.connector{position:absolute;transition:background-color var(--transition-normal)}.stepper-container.horizontal .connector{height:1px;left:calc(50% + 20px);right:calc(-50% + 20px);top:16px}.stepper-container.vertical .connector{height:calc(100% - 36px);left:16px;top:36px;width:1px}.connector.active{background-color:var(--front-office-primary)}.connector.inactive{background-color:var(--front-office-border-color)}.step.completed .step-number:after{content:"✓"}.step.completed .step-number{font-size:0}.step.completed .step-number:after{font-size:var(--font-size-md)}.custom-card{background-color:var(--front-office-surface-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;width:100%}.custom-card-default,.custom-card-outlined{border:1px solid var(--front-office-border-color)}.custom-card-outlined{box-shadow:none}.custom-card-elevated{border:none;box-shadow:var(--shadow-md)}.custom-card-header{border-bottom:1px solid var(--front-office-border-color);padding:var(--spacing-4)}.custom-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.custom-card-subtitle{font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.custom-card-body{flex:1;padding:var(--spacing-4)}@media (max-width:768px){.custom-card-body,.custom-card-header{padding:var(--spacing-3)}}.skeletonLoaderWrapper{cursor:default;position:relative;width:100%}.skeletonLoaderWrapper.loading{cursor:progress}.skeletonLoaderContent{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--front-office-surface-dark) 25%,var(--front-office-border-color) 50%,var(--front-office-surface-dark) 75%);background-size:200% 100%;border-radius:var(--radius-sm);left:0;position:absolute;top:0;z-index:var(--z-index-tooltip)}.contentWrapper{height:100%;position:relative;visibility:visible;width:100%}.contentWrapper.loading{visibility:hidden}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.custom-modal-overlay{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:9999}.custom-modal-container{background-color:var(--front-office-surface-light);box-shadow:0 10px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);display:flex;flex-direction:column;max-height:calc(100vh - 150px);max-width:800px;overflow:hidden;position:relative;width:100%;z-index:10000}.custom-modal-sm{max-width:400px}.custom-modal-md{max-width:600px}.custom-modal-lg{max-width:800px}.custom-modal-xl{max-width:1000px}.custom-modal-header{align-items:center;background-color:var(--front-office-surface-light);border-bottom:1px solid var(--front-office-border-color);box-shadow:0 1px 2px rgba(0,0,0,.03);display:flex;justify-content:space-between;padding:10px var(--spacing-4);position:relative;z-index:1}.custom-modal-close-button{background:transparent;color:#000;cursor:pointer;font-size:21px!important;font-weight:700!important;line-height:1;opacity:.2;text-shadow:0 1px 0 #fff}.custom-modal-close-button:hover{opacity:.7}.custom-modal-body{flex:1;overflow-y:auto;padding:var(--spacing-4);position:relative;scroll-behavior:smooth;scrollbar-color:var(--front-office-secondary) transparent;scrollbar-width:thin}.custom-modal-body::-webkit-scrollbar{width:6px}.custom-modal-body::-webkit-scrollbar-track{background:transparent}.custom-modal-body::-webkit-scrollbar-thumb{background-color:var(--front-office-secondary);border-radius:var(--radius-full)}.custom-modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.custom-modal-footer{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--front-office-border-color);box-shadow:0 -1px 2px rgba(0,0,0,.03);display:flex;gap:var(--spacing-4);justify-content:flex-end;padding:var(--spacing-4) var(--spacing-6);position:relative;z-index:1}.custom-modal-footer button{min-width:100px;overflow:hidden;position:relative}.custom-modal-footer button:after{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:0;left:50%;opacity:0;padding-bottom:120%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .4s,opacity .3s;width:120%}.custom-modal-footer button:active:after{opacity:1;transform:translate(-50%,-50%) scale(1);transition:0s}@media (max-width:640px){.custom-modal-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:var(--spacing-2)}.custom-modal-container{border-radius:var(--radius-md);margin:0 var(--spacing-2);max-height:calc(100vh - var(--spacing-4));max-width:100%}.custom-modal-body{padding:var(--spacing-4)}.custom-modal-footer,.custom-modal-header{padding:var(--spacing-3) var(--spacing-4)}.custom-modal-footer button{min-width:80px;padding-left:var(--spacing-3);padding-right:var(--spacing-3)}}.custom-modal-container:focus{box-shadow:0 10px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1),0 0 0 3px var(--front-office-primary);outline:none}.custom-modal-container .custom-modal-body>*{transform:translateY(10px)}.customReactSelect{background-clip:padding-box;background-color:var(--front-office-surface-light);border:1px solid var(--front-office-border-color);border-radius:var(--radius-md);color:var(--text-primary);display:inline-block;font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);padding:var(--spacing-1) var(--spacing-2);transition:border-color var(--transition-fast) var(--transition-timing),box-shadow var(--transition-fast) var(--transition-timing);width:100%}.customReactSelect:focus{border-color:var(--front-office-primary);box-shadow:0 0 0 .25rem rgba(49,130,206,.25);outline:0}.customReactSelect[multiple],.customReactSelect[size]:not([size="1"]){background-image:none;padding-right:var(--spacing-2)}.customReactSelect:disabled{background-color:var(--front-office-surface-dark);opacity:1}.customReactSelect{text-transform:none;word-wrap:normal}.ruleset-content-container{display:flex;flex-direction:column;gap:var(--spacing-4)}.rules-container{flex:1;height:100%}.ruleset-content-container-row{display:flex;flex-direction:row;gap:var(--spacing-4)}.rule-list{background-color:var(--front-office-surface-dark);border:1px solid var(--front-office-border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-1);height:calc(100vh - 300px);overflow:auto}.rule-list::-webkit-scrollbar{width:8px}.rule-list::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-sm)}.rule-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.rule-list{min-height:300px;padding:var(--spacing-2)}.rule-item{align-items:center;background-color:var(--front-office-surface-light);border:1px solid var(--front-office-border-color);border-radius:var(--radius-lg);display:flex;margin:var(--spacing-1) 0;padding:var(--spacing-3);position:relative}.rule-item.dragging{border:1px dashed var(--front-office-primary);opacity:.7}.rule-item.drag-over,.rule-item.dragging{background-color:var(--front-office-info-bg)}.rule-item.drag-over{border:2px dashed var(--front-office-primary)}.rule-order{background-color:var(--front-office-primary);border-radius:var(--radius-full);color:var(--front-office-surface-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);height:24px;width:24px}.rule-drag-handle,.rule-order{align-items:center;display:flex;justify-content:center;margin-right:var(--spacing-3)}.rule-drag-handle{color:var(--text-tertiary);cursor:grab;padding:var(--spacing-1)}.rule-drag-handle:hover{color:var(--text-secondary)}.rule-form-container{flex-direction:column}.rule-form-container,.rule-form-row{display:flex;gap:var(--spacing-4);width:100%}.rule-form-row{flex-direction:row;flex-wrap:wrap}.rule-form-row>*{flex:1}.remove-rule-btn{background-color:var(--front-office-danger);background-color:var(--front-office-danger-dark);color:var(--front-office-surface-light)}