:root{--fp-spacing-xs:4px;--fp-spacing-sm:8px;--fp-spacing-md:16px;--fp-spacing-lg:24px;--fp-spacing-xl:32px;--fp-spacing-xxl:48px;--fp-border-radius-sm:4px;--fp-border-radius:8px;--fp-border-radius-lg:12px;--fp-input-height:44px;--fp-bg-primary-light:#fff;--fp-bg-secondary-light:#f8f9fa;--fp-bg-tertiary-light:#f1f3f5;--fp-text-primary-light:#212529;--fp-text-secondary-light:#495057;--fp-text-muted-light:#6c757d;--fp-border-color-light:#dee2e6;--fp-divider-color-light:#e9ecef;--fp-bg-primary-dark:#1a1f2b;--fp-bg-secondary-dark:#161b25;--fp-bg-tertiary-dark:#131a25;--fp-text-primary-dark:#f8f9fa;--fp-text-secondary-dark:#e9ecef;--fp-text-muted-dark:#adb5bd;--fp-border-color-dark:#343a40;--fp-divider-color-dark:#212529;--fp-primary-color:#4263eb;--fp-primary-color-hover:#3b5bdb;--fp-primary-color-active:#364fc7;--fp-error-color:#e03131;--fp-error-color-hover:#c92a2a;--fp-error-color-bg:#e0313114;--fp-success-color:#2b8a3e;--fp-success-color-bg:#2b8a3e14;--fp-shadow-sm:0 1px 3px #0000001a;--fp-shadow:0 4px 6px #0000001a;--fp-shadow-lg:0 8px 16px #00000026;--fp-input-bg-light:#fff;--fp-input-border-light:#ced4da;--fp-input-focus-border-light:#4263eb;--fp-input-focus-shadow-light:0 0 0 3px #4263eb40;--fp-placeholder-color-light:#adb5bd;--fp-input-bg-dark:#212529;--fp-input-border-dark:#495057;--fp-input-focus-border-dark:#4263eb;--fp-input-focus-shadow-dark:0 0 0 3px #4263eb66;--fp-placeholder-color-dark:#6c757d}.fp-container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:var(--fp-spacing-md)}.fp-header{border-bottom:1px solid var(--fp-divider-color-light);margin-bottom:var(--fp-spacing-xl);padding-bottom:var(--fp-spacing-md)}.fp-title{color:var(--fp-text-primary-light);font-size:2rem;font-weight:700;margin:0 0 var(--fp-spacing-sm)}.fp-description{color:var(--fp-text-secondary-light);font-size:1rem;line-height:1.5;margin:0}.fp-form{display:flex;flex-direction:column;gap:var(--fp-spacing-xl)}.fp-section{background-color:var(--fp-bg-primary-light);border:1px solid var(--fp-border-color-light);border-radius:var(--fp-border-radius);box-shadow:var(--fp-shadow-sm);padding:var(--fp-spacing-lg)}.fp-section,.fp-section-header{margin-bottom:var(--fp-spacing-lg)}.fp-section-header{align-items:center;display:flex}.fp-section-icon{color:var(--fp-primary-color);font-size:1.5rem;margin-right:var(--fp-spacing-sm)}.fp-section-title{color:var(--fp-text-primary-light);font-size:1.25rem;font-weight:600;margin:0}.fp-section-description{color:var(--fp-text-secondary-light);font-size:.9rem;margin:var(--fp-spacing-sm) 0 var(--fp-spacing-lg)}.fp-row{display:grid;gap:var(--fp-spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--fp-spacing-md)}.fp-field-group{display:flex;flex-direction:column;margin-bottom:var(--fp-spacing-md)}.fp-label{color:var(--fp-text-secondary-light);display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--fp-spacing-xs)}.fp-required:after{color:var(--fp-error-color);content:"*";margin-left:2px}.fp-input{background-color:var(--fp-input-bg-light);border:1px solid var(--fp-input-border-light);border-radius:var(--fp-border-radius);color:var(--fp-text-primary-light);font-size:1rem;height:var(--fp-input-height);padding:0 var(--fp-spacing-md);transition:all .2s;width:100%}.fp-input::placeholder{color:var(--fp-placeholder-color-light)}.fp-input:focus{border-color:var(--fp-input-focus-border-light);box-shadow:var(--fp-input-focus-shadow-light);outline:none}.fp-hint{color:var(--fp-text-muted-light);font-size:.8rem;margin-top:var(--fp-spacing-xs)}.fp-checkbox-wrapper{align-items:center;display:flex;margin:var(--fp-spacing-md) 0}.fp-checkbox{appearance:none;background-color:var(--fp-input-bg-light);border:1px solid var(--fp-input-border-light);border-radius:3px;cursor:pointer;height:18px;margin-right:var(--fp-spacing-sm);position:relative;transition:all .2s;width:18px}.fp-checkbox:checked{background-color:var(--fp-primary-color);border-color:var(--fp-primary-color)}.fp-checkbox:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:10px;left:6px;position:absolute;top:3px;transform:rotate(45deg);width:5px}.fp-checkbox:focus{border-color:var(--fp-input-focus-border-light);box-shadow:var(--fp-input-focus-shadow-light);outline:none}.fp-checkbox-label{color:var(--fp-text-secondary-light);cursor:pointer;font-size:.9rem}.fp-error-message{background-color:var(--fp-error-color-bg);color:var(--fp-error-color)}.fp-error-message,.fp-success-message{border-radius:var(--fp-border-radius);font-size:.9rem;margin-bottom:var(--fp-spacing-lg);padding:var(--fp-spacing-md)}.fp-success-message{animation:fp-slide-in-success .3s ease-out;background-color:var(--fp-success-color-bg);border:1px solid var(--fp-success-color);box-shadow:var(--fp-shadow);color:var(--fp-success-color)}@keyframes fp-slide-in-success{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fp-field-error{color:var(--fp-error-color);font-size:.8rem;margin-top:var(--fp-spacing-xs)}.fp-actions{display:flex;justify-content:flex-end;margin-top:var(--fp-spacing-xl)}.fp-button{border-radius:var(--fp-border-radius);cursor:pointer;font-size:1rem;font-weight:500;height:var(--fp-input-height);padding:0 var(--fp-spacing-xl);transition:all .2s}.fp-button-primary{background-color:var(--fp-primary-color);border:none;color:#fff}.fp-button-primary:hover{background-color:var(--fp-primary-color-hover);box-shadow:var(--fp-shadow);transform:translateY(-1px)}.fp-button-primary:active{background-color:var(--fp-primary-color-active);transform:translateY(0)}.fp-button-primary:disabled{cursor:not-allowed;opacity:.7}.fp-loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.fp-spinner{animation:fp-spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes fp-spin{to{transform:rotate(1turn)}}.dark-mode .fp-container,[data-theme=dark] .fp-container{color:var(--fp-text-primary-dark)}.dark-mode .fp-header,[data-theme=dark] .fp-header{border-color:var(--fp-divider-color-dark)}.dark-mode .fp-title,[data-theme=dark] .fp-title{color:var(--fp-text-primary-dark)}.dark-mode .fp-description,[data-theme=dark] .fp-description{color:var(--fp-text-secondary-dark)}.dark-mode .fp-section,[data-theme=dark] .fp-section{background-color:var(--fp-bg-primary-dark);border-color:var(--fp-border-color-dark)}.dark-mode .fp-section-title,[data-theme=dark] .fp-section-title{color:var(--fp-text-primary-dark)}.dark-mode .fp-label,.dark-mode .fp-section-description,[data-theme=dark] .fp-label,[data-theme=dark] .fp-section-description{color:var(--fp-text-secondary-dark)}.dark-mode .fp-input,[data-theme=dark] .fp-input{background-color:var(--fp-input-bg-dark);border-color:var(--fp-input-border-dark);color:var(--fp-text-primary-dark)}.dark-mode .fp-input::placeholder,[data-theme=dark] .fp-input::placeholder{color:var(--fp-placeholder-color-dark)}.dark-mode .fp-input:focus,[data-theme=dark] .fp-input:focus{border-color:var(--fp-input-focus-border-dark);box-shadow:var(--fp-input-focus-shadow-dark)}.dark-mode .fp-hint,[data-theme=dark] .fp-hint{color:var(--fp-text-muted-dark)}.dark-mode .fp-checkbox-label,[data-theme=dark] .fp-checkbox-label{color:var(--fp-text-secondary-dark)}.dark-mode .fp-checkbox,[data-theme=dark] .fp-checkbox{background-color:var(--fp-input-bg-dark);border-color:var(--fp-input-border-dark)}.dark-mode .fp-checkbox:checked,[data-theme=dark] .fp-checkbox:checked{background-color:var(--fp-primary-color);border-color:var(--fp-primary-color)}.dark-mode .fp-checkbox:focus,[data-theme=dark] .fp-checkbox:focus{border-color:var(--fp-input-focus-border-dark);box-shadow:var(--fp-input-focus-shadow-dark)}@media (max-width:768px){.fp-row{gap:var(--fp-spacing-md);grid-template-columns:1fr}.fp-section{padding:var(--fp-spacing-md)}.fp-actions{flex-direction:column}.fp-button{margin-bottom:var(--fp-spacing-sm);width:100%}}.HelpPage_helpPage__Z1Hxt{background:var(--bg-gradient);display:flex;flex-direction:column;min-height:100%;padding:2rem;width:100%}.HelpPage_helpHeader__eMRXD{border-bottom:1px solid var(--border-primary);margin-bottom:2rem;padding-bottom:1.5rem}.HelpPage_helpHeader__eMRXD h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.HelpPage_helpHeader__eMRXD p{color:var(--text-secondary);font-size:1rem;max-width:800px}.HelpPage_helpContainer__x5QYE{display:flex;flex:1 1;gap:2rem}.HelpPage_helpSidebar__7kJgQ{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-sm);flex-shrink:0;max-height:calc(100vh - 6rem);overflow-y:auto;padding:1rem;position:sticky;top:1rem;width:250px}.HelpPage_helpNavigation__UZ0Zg h3{color:var(--text-secondary);font-size:.9rem;letter-spacing:.05em;margin-bottom:1rem;padding-left:.5rem;text-transform:uppercase}.HelpPage_helpNavigation__UZ0Zg ul{list-style:none;margin:0;padding:0}.HelpPage_helpNavigation__UZ0Zg li{border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:.25rem;padding:.65rem .75rem;transition:all .2s ease}.HelpPage_helpNavigation__UZ0Zg li:hover{background:var(--hover-light);color:var(--primary)}.HelpPage_helpNavigation__UZ0Zg li.HelpPage_active__csy-i{background:#6366f126;color:var(--primary);font-weight:600}.HelpPage_helpContent__V4jT3{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-sm);flex:1 1;padding:2rem}.HelpPage_helpSection__OvvP5{border-bottom:1px solid var(--border-primary);margin-bottom:3rem;padding-bottom:2rem}.HelpPage_helpSection__OvvP5:last-child{border-bottom:none;margin-bottom:1rem}.HelpPage_helpSection__OvvP5 h2{color:var(--text-primary);font-size:1.6rem;font-weight:700;margin-bottom:1rem}.HelpPage_helpSection__OvvP5 h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:1.5rem 0 1rem}.HelpPage_helpSection__OvvP5 p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.25rem}.HelpPage_helpImage__bQ7Wi{border-radius:8px;margin:1.5rem 0;overflow:hidden;width:100%}.HelpPage_imagePlaceholder__ZLp5h{align-items:center;background:#6366f11a;border:1px dashed #6366f14d;color:var(--primary);display:flex;font-weight:500;height:200px;justify-content:center}.HelpPage_featureGrid__beRTH{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:1.5rem 0}.HelpPage_featureIcon__qm-Gs{font-size:2rem;margin-bottom:.75rem}.HelpPage_featureList__ZdJKC{list-style:none;margin:1rem 0;padding:0}.HelpPage_featureList__ZdJKC li{align-items:flex-start;background:var(--bg-card-secondary);border-radius:8px;display:flex;margin-bottom:1rem;padding:.5rem .75rem;transition:transform .2s ease}.HelpPage_featureList__ZdJKC li:hover{transform:translateX(2px)}.HelpPage_featureListIcon__Sbrgr{align-items:center;display:flex;font-size:1.25rem;justify-content:center;margin-right:1rem;min-width:24px}.HelpPage_featureList__ZdJKC li div{flex:1 1}.HelpPage_featureList__ZdJKC li strong{color:var(--text-primary);font-weight:600}.HelpPage_numberedList__Kixhh{margin:1rem 0;padding-left:2rem}.HelpPage_numberedList__Kixhh li{margin-bottom:1rem;padding-left:.5rem}.HelpPage_numberedList__Kixhh li strong{color:var(--text-primary);font-weight:600}.HelpPage_teamSection__x8fLd{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:1.5rem 0}.HelpPage_teamMember__YrR-U{background:var(--bg-card-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-sm);padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.HelpPage_teamMember__YrR-U:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.HelpPage_teamAvatar__IWQyb{align-items:center;background:#6366f11a;border-radius:50%;box-shadow:0 0 0 4px #6366f10d;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto .75rem;width:80px}.HelpPage_teamMember__YrR-U h3{font-size:1.2rem;margin:.75rem 0}.HelpPage_teamMember__YrR-U p{color:var(--text-secondary);font-size:.9rem;margin:0}.HelpPage_missionBox__eYbxG{background:linear-gradient(135deg,#6366f11a,#4f46e51a);border:1px solid #6366f133;border-radius:12px;box-shadow:var(--shadow-sm);margin:1.5rem 0;overflow:hidden;padding:1.5rem;position:relative}.HelpPage_missionBox__eYbxG:before{background:radial-gradient(circle,#6366f126 0,#0000 70%);border-radius:50%;content:"";height:160px;pointer-events:none;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:160px}.HelpPage_missionBox__eYbxG h3{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:1.3rem;margin-top:0}.HelpPage_missionBox__eYbxG p{font-size:1.05rem;line-height:1.6;margin-bottom:0}.HelpPage_helpFooter__FxDWy{align-items:center;border-top:1px solid var(--border-primary);display:flex;flex-direction:column;margin-top:3rem;padding-top:1.5rem;text-align:center}.HelpPage_helpFooter__FxDWy p{color:var(--text-secondary);margin-bottom:1rem}.HelpPage_helpFooter__FxDWy a{color:var(--primary);text-decoration:none;transition:color .2s ease}.HelpPage_helpFooter__FxDWy a:hover{color:var(--primary-dark);text-decoration:underline}.HelpPage_backLink__S7yug{align-items:center;background:var(--primary);border-radius:8px;box-shadow:var(--shadow-sm);color:#fff!important;display:inline-flex;font-weight:500;padding:.6rem 1.2rem;text-decoration:none!important;transition:background .2s ease,transform .2s ease}.HelpPage_backLink__S7yug:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);text-decoration:none!important;transform:translateY(-1px)}@media (max-width:992px){.HelpPage_helpContainer__x5QYE{flex-direction:column}.HelpPage_helpSidebar__7kJgQ{margin-bottom:1.5rem;max-height:none;position:relative;top:0;width:100%}.HelpPage_helpNavigation__UZ0Zg ul{display:flex;flex-wrap:wrap;gap:.5rem}.HelpPage_helpNavigation__UZ0Zg li{font-size:.85rem;margin-bottom:0;padding:.5rem .75rem}}@media (max-width:768px){.HelpPage_helpPage__Z1Hxt{padding:1.5rem 1rem}.HelpPage_helpContent__V4jT3{padding:1.25rem}.HelpPage_featureGrid__beRTH{grid-template-columns:1fr}.HelpPage_helpNavigation__UZ0Zg ul{display:block;margin-bottom:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;white-space:nowrap}.HelpPage_helpNavigation__UZ0Zg li{display:inline-block;margin-right:.5rem}}.known-clients-container{margin-bottom:2rem;width:100%}.toggle-known-clients-button{background:linear-gradient(135deg,rgba(var(--primary-blue-rgb),.1),rgba(var(--primary-blue-rgb),.2));border:1px solid rgba(var(--primary-blue-rgb),.3);border-radius:var(--border-radius);color:var(--primary-light);cursor:pointer;font-weight:var(--font-weight-medium);margin-bottom:1rem;padding:var(--spacing-md) var(--spacing-lg);text-align:center;transition:all .2s ease;width:100%}.toggle-known-clients-button:hover{background:linear-gradient(135deg,rgba(var(--primary-blue-rgb),.2),rgba(var(--primary-blue-rgb),.3));transform:translateY(-2px)}.known-clients-panel{animation:fadeIn .3s ease;backdrop-filter:blur(15px);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.known-clients-header{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.known-clients-header h3{color:var(--text);font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.disclaimer-box{background-color:rgba(var(--warning-rgb),.1);border-left:3px solid var(--status-urgent);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.disclaimer-text{color:var(--status-urgent);font-size:var(--font-size-sm);margin:0}.known-clients-list{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:var(--spacing-md);max-height:300px;overflow-y:auto;padding-right:var(--spacing-sm)}.known-client-item{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--border-radius);cursor:pointer;padding:var(--spacing-md);transition:all .2s ease}.known-client-item:hover{border-color:rgba(var(--primary-blue-rgb),.3);box-shadow:var(--shadow),var(--shadow-glow);transform:translateY(-2px)}.known-client-item.selected{background:rgba(var(--primary-blue-rgb),.1);border-color:var(--primary);box-shadow:var(--shadow),var(--shadow-glow)}.known-client-item h4{color:var(--text);font-size:var(--font-size-md);margin:0 0 var(--spacing-sm) 0}.client-preview-details{color:var(--text-light);display:flex;flex-direction:column;font-size:var(--font-size-sm)}.client-preview-details span{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-selection-actions{align-items:center;border-top:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.selected-client-info{color:var(--text)}.add-selected-button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.add-selected-button:hover:not(:disabled){box-shadow:var(--shadow),var(--shadow-glow);transform:translateY(-2px)}.add-selected-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.known-clients-list{grid-template-columns:1fr}.client-selection-actions{flex-direction:column;gap:var(--spacing-md)}.add-selected-button{width:100%}}.light-mode .toggle-known-clients-button{background:linear-gradient(135deg,rgba(var(--primary-blue-rgb),.05),rgba(var(--primary-blue-rgb),.15));border:1px solid rgba(var(--primary-blue-rgb),.2);color:var(--primary-blue)}.light-mode .toggle-known-clients-button:hover{background:linear-gradient(135deg,rgba(var(--primary-blue-rgb),.1),rgba(var(--primary-blue-rgb),.25))}.light-mode .known-clients-panel{backdrop-filter:blur(15px);background:#fffc;border:1px solid var(--border-primary);box-shadow:0 4px 12px #0000000d}.light-mode .known-clients-header h3{color:var(--text-primary)}.light-mode .disclaimer-box{background-color:rgba(var(--warning-rgb),.05);border-left:3px solid var(--status-urgent)}.light-mode .disclaimer-text{color:var(--status-urgent)}.light-mode .known-client-item{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:0 1px 3px #0000000d}.light-mode .known-client-item:hover{border-color:rgba(var(--primary-blue-rgb),.2);box-shadow:0 4px 12px #00000014}.light-mode .known-client-item.selected{background:rgba(var(--primary-blue-rgb),.05);border-color:var(--primary-blue);box-shadow:0 4px 12px rgba(var(--primary-blue-rgb),.1)}.light-mode .known-client-item h4{color:var(--text-primary)}.light-mode .client-preview-details{color:var(--text-secondary)}.light-mode .client-selection-actions{border-top:1px solid var(--border-primary)}.light-mode .selected-client-info{color:var(--text-primary)}.light-mode .add-selected-button{background:linear-gradient(135deg,var(--primary-blue),#2563eb)}.light-mode .add-selected-button:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--primary-blue-rgb),.2)}:root{--bg-accent:#6366f11a;--text-light:#cbd5e1;--border-light:#ffffff08;--primary-light:#818cf8;--success-light:#22c55e1a;--warning-light:#f59e0b1a;--danger-light:#ef44441a;--info-light:#3b82f61a}.client-name{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin-bottom:4px}.delete-confirmation{background-color:var(--danger-light);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.delete-confirmation h3{color:var(--danger);font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);margin-top:0}.delete-confirmation p{color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.confirm-delete-button{background-color:var(--danger);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.confirm-delete-button:hover:not(:disabled){background-color:#c0392b}.cancel-delete-button{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.cancel-delete-button:hover:not(:disabled){background-color:var(--bg-hover)}@keyframes highlightChange{0%{background-color:#6366f14d}to{background-color:initial}}@media print{.modal-header{display:none}body{background:none}}.facturx-generator{margin-top:10px}.error-message{border-radius:4px;font-size:14px;margin-bottom:10px;padding:8px 12px}.success-message{border-left:4px solid var(--success);font-size:.95rem;margin:1rem 0;padding:1rem}.status-badge{border-radius:50px;font-size:.8rem;padding:.5rem 1rem;text-transform:uppercase}.notes-content{color:var(--text-secondary);font-size:.9rem;line-height:1.5;white-space:pre-wrap}.button-group{display:flex;flex-wrap:wrap;gap:1rem}.error-message{background-color:var(--danger-light);border-left:3px solid var(--danger);color:var(--danger)}.error-message,.success-message{border-radius:6px;font-size:.9rem;margin-top:1rem;padding:.75rem}.success-message{background-color:var(--success-light);border-left:3px solid var(--success);color:var(--success)}@media (max-width:768px){.button-group{flex-direction:column}}:root[data-theme=light]{--light-bg-primary:#fff;--light-bg-secondary:#f8fafc;--light-bg-tertiary:#f1f5f9;--light-bg-accent:#eef2ff;--light-bg-hover:#e2e8f0;--light-text-primary:#0f172a;--light-text-secondary:#334155;--light-text-tertiary:#64748b;--light-text-light:#94a3b8;--light-border-primary:#cbd5e1;--light-border-secondary:#e2e8f0;--light-border-light:#f1f5f9;--light-primary-blue:#82b0ec;--light-primary-light:#818cf8;--light-success:#10b981;--light-success-light:#ecfdf5;--light-warning:#f59e0b;--light-warning-light:#fffbeb;--light-danger:#ef4444;--light-danger-light:#fee2e2;--light-info:#3b82f6;--light-info-light:#eff6ff}:root[data-theme=light] .modal-header{border-color:var(--light-border-secondary)}.status-badge{border-radius:6px;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:6px 14px}.notes-content{font-size:.9rem;line-height:1.5;white-space:pre-wrap}.button-group{display:flex;gap:10px}.button-group.vertical{flex-direction:column}.edit-button{border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.edit-button{background-color:#6366f126;border:1px solid #6366f14d;color:#818cf8}.edit-button:hover{background-color:#6366f140}.error-message,.success-message{border-radius:8px;font-size:.95rem;margin-bottom:20px;padding:12px 16px}.error-message{background-color:#ef44441a;border-left:4px solid #ef4444;color:#ef4444}.success-message{background-color:#22c55e1a;border-left:4px solid #22c55e;color:#22c55e}h3{color:#f1f5f9;margin-top:0}.client-name{color:#f1f5f9;font-size:16px;font-weight:500;margin-bottom:4px}.meta-item{align-items:flex-start;display:flex;flex-direction:column}.meta-label{color:#94a3b8;font-size:12px;margin-bottom:8px}.meta-value{color:#f1f5f9;font-size:14px;font-weight:500}.delete-confirmation{background-color:#e74c3c1a;border:1px solid #e74c3c33;border-radius:8px;margin-bottom:20px;padding:16px}.delete-confirmation h3{color:#e74c3c;margin-bottom:12px}.delete-confirmation p{color:#f1f5f9;margin-bottom:16px}.modal-backdrop{animation:fadeIn .2s ease;background:#000000b3;z-index:1000}.modal{animation:modalSlideIn .3s ease;background-color:#1e293b;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90%;z-index:1001}.modal-header{border-bottom:1px solid #64748b1a;padding:20px}.modal-header h3{font-weight:600;margin:0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.meta-item{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.meta-label{margin-bottom:0}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.light-mode h3{color:#1e293b}body.light-mode .meta-label{color:#64748b}body.light-mode .meta-value{color:#1e293b}body.light-mode .delete-confirmation{background-color:#e74c3c0d;border:1px solid #e74c3c1a}body.light-mode .delete-confirmation p{color:#334155}body.light-mode .modal-backdrop{background:#00000080}body.light-mode .modal{background-color:#fff;box-shadow:0 4px 12px #0000001a}body.light-mode .modal-header{border-bottom:1px solid #00000014}body.light-mode .modal-header h3{color:#1e293b}body.light-mode .client-name{color:#334155}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;padding:var(--spacing-xl) 0;width:100%}.loading-spinner{height:40px;position:relative;width:40px}.loading-spinner:after,.loading-spinner:before{border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.loading-spinner:before{border:3px solid #3d5af11a}.loading-spinner:after{animation:spin .8s cubic-bezier(.65,.05,.36,1) infinite;border:3px solid #0000;border-top:3px solid var(--primary);box-shadow:0 0 10px #3d5af14d}.loading-spinner.pulse{animation:pulse 1.5s infinite;background:var(--primary);border-radius:50%;box-shadow:0 0 0 #3d5af166}@keyframes pulse{0%{box-shadow:0 0 0 0 #3d5af166}70%{box-shadow:0 0 0 15px #3d5af100}to{box-shadow:0 0 0 0 #3d5af100}}.loading-spinner.dots{align-items:center;background:#0000;display:flex;height:20px;justify-content:space-between;width:60px}.loading-spinner.dots span{animation:dots 1.4s ease-in-out infinite both;background-color:var(--primary);border-radius:50%;display:inline-block;height:12px;width:12px}.loading-spinner.dots span:first-child{animation-delay:-.32s}.loading-spinner.dots span:nth-child(2){animation-delay:-.16s}@keyframes dots{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.loading-spinner.small{height:16px;width:16px}.loading-spinner.small:after,.loading-spinner.small:before{border-width:2px}.loading-spinner.inline{display:inline-block;margin-right:var(--spacing-sm);vertical-align:middle}.loading-text{color:var(--text-light);font-size:var(--font-size-md);font-weight:500;letter-spacing:.02em;margin-top:var(--spacing-md);text-align:center}.light-mode .loading-spinner:before{border:3px solid #3d5af11a}.light-mode .loading-spinner:after{border-top-color:var(--primary-blue);box-shadow:0 0 10px #3d5af133}.light-mode .loading-spinner.pulse{background:var(--primary-blue);box-shadow:0 0 0 #3d5af14d}@keyframes lightModePulse{0%{box-shadow:0 0 0 0 #3d5af14d}70%{box-shadow:0 0 0 15px #3d5af100}to{box-shadow:0 0 0 0 #3d5af100}}.light-mode .loading-spinner.pulse{animation:lightModePulse 1.5s infinite}.light-mode .loading-spinner.dots span{background-color:var(--primary-blue)}.light-mode .loading-text{color:var(--text-secondary)}.modal-backdrop{align-items:center;backdrop-filter:blur(4px);background-color:var(--overlay-bg);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:all .2s ease-in-out;width:100%;z-index:var(--z-index-modal-backdrop,2000)}.modal{animation:modalFadeIn .3s ease forwards;background-color:var(--bg-modal);border-radius:12px;box-shadow:var(--shadow-lg);color:var(--text-primary);flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;transition:all .25s ease-out;width:90%;z-index:var(--z-index-modal,2050)}.modal,.modal-header{display:flex;position:relative}.modal-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);border-radius:12px 12px 0 0;justify-content:space-between;padding:20px 24px;z-index:var(--z-index-modal-content,2100)}.modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0000001a}.close-button{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:scale(1.05)}.modal-body{flex:1 1;padding:24px;position:relative;z-index:var(--z-index-modal-content,2100)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:50}.primary-button{background-color:var(--primary-blue);border:none;border-radius:8px;box-shadow:0 2px 4px rgba(var(--primary-blue-rgb),.3);color:var(--text-on-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.primary-button:hover{background-color:var(--primary-hover);box-shadow:0 4px 8px rgba(var(--primary-blue-rgb),.4);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{background-color:var(--input-bg);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.875rem 1.125rem;transition:all .2s ease;width:100%}.form-group input:focus{background-color:var(--bg-secondary);border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(var(--primary-blue-rgb),.25);outline:none}.color-picker{display:flex;flex-wrap:wrap;gap:.75rem}.color-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.color-option:hover{border-color:#ffffff80;transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #6366f1}body.light-mode .modal-header{border-bottom:1px solid #e5e7eb}body.light-mode .primary-button{background-color:#6366f1}body.light-mode .primary-button:hover{background-color:#82b0ec}body.light-mode .cancel-button{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}body.light-mode .cancel-button:hover{background-color:#e5e7eb;color:#111827}body.light-mode .form-group label{color:#4b5563}body.light-mode .form-group input{background-color:#f9fafb;border:1px solid #e5e7eb;color:#111827}body.light-mode .form-group input:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title{color:#a3bce0;font-size:16px;letter-spacing:.3px;margin-bottom:18px}.modal::-webkit-scrollbar{width:10px}.modal::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.modal::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.form-group{width:100%}.modal{max-height:80vh;width:95%}}.info-text{color:#666;font-size:.75rem;font-style:italic;margin-top:4px}.light-mode .modal-backdrop{background-color:#00000040}.light-mode .modal{background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#111827}.light-mode .modal-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.light-mode .modal-header h2{color:#111827}.light-mode .close-button{color:#6b7280}.light-mode .close-button:hover{background-color:#f3f4f6;color:#111827}.light-mode label{color:#4b5563}.light-mode input,.light-mode select,.light-mode textarea{background-color:#fff;border:1px solid #d1d5db;box-shadow:none;color:#111827;height:40px;padding-inline:4px}.light-mode input:focus,.light-mode select:focus,.light-mode textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.light-mode input:disabled,.light-mode select:disabled,.light-mode textarea:disabled{background-color:#f3f4f6;color:#9ca3af}.light-mode .info-text,.light-mode small{color:#6b7280}.light-mode .warning-text{color:#f59e0b}.light-mode .cancel-button{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.light-mode .cancel-button:hover{background-color:#e5e7eb}.light-mode .submit-button{background-color:#3b82f6;border:none;color:#fff}.light-mode .submit-button:hover{background-color:#2563eb}.light-mode .modal::-webkit-scrollbar-track{background-color:#f9fafb}.light-mode .modal::-webkit-scrollbar-thumb{background-color:#d1d5db}.light-mode .modal::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.light-mode .info-text{color:#6b7280}.im-backdrop{align-items:center;background-color:var(--overlay-bg);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:9999}.im-modal{background-color:var(--bg-modal);border:1px solid var(--border-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}.im-modal-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.im-modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.im-close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:var(--spacing-xs);transition:all .2s;width:32px}.im-close-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.im-modal-body{background-color:var(--bg-primary);flex:1 1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg)}.im-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.im-section{margin-bottom:var(--spacing-xl)}.im-section-title{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-xs)}.im-row{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-md)}.im-field{margin-bottom:var(--spacing-md)}.im-label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-sm)}.im-required:after{color:var(--error);content:"*";margin-left:2px}.im-input,.im-select,.im-textarea{background-color:var(--input-bg);border:1px solid var(--border-secondary);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;height:40px;padding:0 var(--spacing-md);transition:all .2s;width:100%}.im-textarea{height:auto;min-height:100px;padding:var(--spacing-sm) var(--spacing-md);resize:vertical}.im-input::placeholder,.im-textarea::placeholder{color:var(--input-placeholder)}.im-input:focus,.im-select:focus,.im-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(var(--primary-blue-rgb),.2);outline:none}.im-checkbox-wrapper{align-items:center;display:flex;margin:var(--spacing-sm) 0}.im-checkbox{appearance:none;-webkit-appearance:none;background-color:var(--input-bg);border:1px solid var(--border-secondary);border-radius:3px;cursor:pointer;height:18px;margin-right:var(--spacing-sm);position:relative;vertical-align:middle;width:18px}.im-checkbox:checked{background-color:var(--primary-blue);border-color:var(--primary-blue)}.im-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.im-tasks-container{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius);overflow:hidden}.im-tasks-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-sm) var(--spacing-md)}.im-tasks-list{max-height:250px;overflow-y:auto}.im-task-item{border-bottom:1px solid var(--border-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s}.im-task-item:hover{background-color:var(--bg-hover)}.im-task-item.selected{background-color:var(--primary-100)}.im-task-details{display:flex;gap:var(--spacing-md)}.im-task-name{color:var(--text-primary);font-weight:500}.im-task-meta{color:var(--text-secondary);font-size:.85rem}.im-task-amount{color:var(--text-primary);font-weight:500}.im-no-tasks{color:var(--text-tertiary);padding:var(--spacing-lg);text-align:center}.im-summary{background-color:var(--bg-tertiary);border-top:1px solid var(--border-primary);padding:var(--spacing-md)}.im-summary-item{color:var(--text-secondary);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.im-summary-total{border-top:1px solid var(--border-secondary);color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.im-preset-container{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--border-radius);padding:var(--spacing-md);position:relative}.im-preset-button{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:8px;top:8px;transition:all .2s}.im-preset-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.im-preset-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.im-preset-title{color:var(--text-primary);font-weight:600}.im-presets-list{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--border-radius);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.im-preset-item{border-bottom:1px solid var(--border-secondary);cursor:pointer;padding:var(--spacing-sm)}.im-preset-item:last-child{border-bottom:none}.im-preset-item-header{align-items:center;display:flex;justify-content:space-between}.im-preset-name{color:var(--text-secondary);font-weight:500}.im-preset-actions{display:flex;gap:var(--spacing-sm)}.im-preset-content{color:var(--text-tertiary);font-size:.9rem;margin-top:var(--spacing-xs);white-space:pre-wrap}.im-preset-item:hover .im-preset-name{color:var(--primary-blue)}.im-preset-form{border-top:1px solid var(--border-primary);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.im-preset-form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-sm)}.im-no-presets{color:var(--text-tertiary);font-style:italic;padding:var(--spacing-md) 0}.im-button-icon{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px}.im-button-icon:hover{background-color:var(--bg-hover);color:var(--text-primary)}.im-alert{border:1px solid #0000;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.im-alert-error{background-color:var(--accent-red-subtle);border-color:var(--accent-red-light);color:var(--status-overdue)}.im-alert-success{background-color:var(--accent-green-subtle);border-color:var(--accent-green-light);color:var(--status-upcoming)}.im-actions{border-top:1px solid var(--border-primary);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.im-button{border:1px solid #0000;border-radius:var(--border-radius);cursor:pointer;font-weight:600;height:40px;padding:0 var(--spacing-lg);transition:all .2s}.im-button-primary{background-color:var(--primary-blue);background-image:var(--primary-gradient);box-shadow:var(--shadow-sm);color:var(--text-on-primary)}.im-button-primary:hover{background-image:var(--primary-gradient-hover);box-shadow:var(--shadow-md)}.im-button-primary:active{background-color:var(--primary-active);border-color:var(--primary-active)}.im-button-secondary{background-color:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-secondary)}.im-button-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-primary)}.im-button:disabled{background-color:var(--bg-tertiary);background-image:none;cursor:not-allowed;opacity:.6}.light-mode .im-task-item.selected{background-color:var(--accent-blue-subtle)}.light-mode .im-task-item.selected .im-task-amount,.light-mode .im-task-item.selected .im-task-name{color:var(--primary-700)}@media (max-width:768px){.im-row{grid-template-columns:1fr}.im-actions{flex-direction:column-reverse}.im-button{width:100%}.im-tasks-list{max-height:200px}}:root{--idm-spacing-xs:4px;--idm-spacing-sm:8px;--idm-spacing-md:16px;--idm-spacing-lg:24px;--idm-spacing-xl:32px;--idm-border-radius-sm:4px;--idm-border-radius:8px;--idm-border-radius-lg:12px;--idm-font-size-xs:0.75rem;--idm-font-size-sm:0.875rem;--idm-font-size-md:1rem;--idm-font-size-lg:1.125rem;--idm-font-size-xl:1.25rem;--idm-font-size-2xl:1.5rem;--idm-z-index-modal:99999;--idm-z-index-dropdown:1000;--idm-bg-accent:#6366f11a;--idm-text-light:#cbd5e1;--idm-primary-blue:#82b0ec;--idm-primary-light:#818cf8;--idm-success:#4ade80;--idm-success-light:#22c55e1a;--idm-warning:#f59e0b;--idm-warning-light:#f59e0b1a;--idm-danger:#ef4444;--idm-danger-light:#ef44441a;--idm-info:#3b82f6;--idm-info-light:#3b82f61a}.idm-modal{align-items:center;background-color:#00000080;height:100%;justify-content:center;left:0;padding:var(--idm-spacing-md);position:fixed;top:0;z-index:var(--idm-z-index-modal)}.idm-modal,.idm-modal-content{display:flex;overflow-y:auto;width:100%}.idm-modal-content{background-color:var(--bg-primary);border-radius:var(--idm-border-radius);box-shadow:0 10px 25px -5px #0000004d;flex-direction:column;max-height:90vh;max-width:900px;position:relative}.idm-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--idm-spacing-md) var(--idm-spacing-lg);position:sticky;top:0;z-index:10}.idm-header-title{color:var(--text-primary);font-size:var(--idm-font-size-xl);font-weight:600;margin:0}.idm-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--idm-font-size-xl);justify-content:center;padding:var(--idm-spacing-xs);transition:all .2s ease}.idm-close-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.idm-content{flex:1 1;padding:var(--idm-spacing-lg)}.idm-section{margin-bottom:var(--idm-spacing-xl)}.idm-section-title{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--idm-font-size-lg);font-weight:600;margin-bottom:var(--idm-spacing-md);margin-top:0;padding-bottom:var(--idm-spacing-xs)}.idm-summary{background-color:var(--bg-tertiary);border-radius:var(--idm-border-radius);display:flex;flex-wrap:wrap;gap:var(--idm-spacing-md);margin-bottom:var(--idm-spacing-lg);padding:var(--idm-spacing-md)}.idm-summary-item{flex:1 1;min-width:150px}.idm-summary-label{color:var(--idm-text-tertiary);font-size:var(--idm-font-size-xs);letter-spacing:.05em;margin-bottom:var(--idm-spacing-xs);text-transform:uppercase}.idm-summary-value{color:var(--idm-text-primary);font-size:var(--idm-font-size-md);font-weight:500}.idm-status{align-items:center;border-radius:var(--idm-border-radius-sm);display:inline-flex;font-size:var(--idm-font-size-xs);font-weight:600;padding:var(--idm-spacing-xs) var(--idm-spacing-sm);text-transform:uppercase}.idm-status-dropdown{display:inline-block;position:relative}.idm-status-dropdown-menu{background-color:var(--idm-bg-secondary);border:1px solid var(--idm-border-primary);border-radius:var(--idm-border-radius);box-shadow:0 4px 6px -1px #0000001a;left:0;min-width:120px;overflow:hidden;position:absolute;top:100%;z-index:var(--idm-z-index-dropdown)}.idm-status-option{cursor:pointer;font-size:var(--idm-font-size-sm);padding:var(--idm-spacing-sm) var(--idm-spacing-md);transition:background-color .2s ease}.idm-status-option:hover{background-color:var(--idm-bg-hover)}.idm-parties{display:flex;flex-wrap:wrap;gap:var(--idm-spacing-xl);justify-content:space-between;margin-bottom:var(--idm-spacing-xl)}.idm-party{background-color:var(--idm-bg-tertiary);border-radius:var(--idm-border-radius);flex:1 1;min-width:250px;padding:var(--idm-spacing-md)}.idm-party-title{color:var(--idm-text-secondary);font-weight:500;margin-bottom:var(--idm-spacing-sm);margin-top:0}.idm-party-name,.idm-party-title{font-size:var(--idm-font-size-md)}.idm-party-name{color:var(--idm-text-primary);font-weight:600}.idm-party-detail,.idm-party-name{margin-bottom:var(--idm-spacing-xs)}.idm-party-detail{color:var(--idm-text-secondary);font-size:var(--idm-font-size-sm);line-height:1.5}.idm-items-section{margin-bottom:var(--idm-spacing-xl)}.idm-items-table{border-collapse:collapse;font-size:var(--idm-font-size-sm);width:100%}.idm-items-table th{background-color:var(--idm-bg-tertiary);color:var(--idm-primary-blue);font-weight:500;padding:var(--idm-spacing-sm) var(--idm-spacing-md);text-align:left}.idm-items-table th:first-child{border-top-left-radius:var(--idm-border-radius-sm)}.idm-items-table th:last-child{border-top-right-radius:var(--idm-border-radius-sm);text-align:right}.idm-items-table td{border-bottom:1px solid var(--idm-border-secondary);padding:var(--idm-spacing-sm) var(--idm-spacing-md)}.idm-amount-cell{text-align:right}.idm-items-table tbody tr:nth-child(odd){background-color:var(--idm-bg-tertiary)}.idm-totals{margin-bottom:var(--idm-spacing-lg);margin-left:auto;width:300px}.idm-total-row{display:flex;justify-content:space-between;padding:var(--idm-spacing-xs) 0}.idm-total-label{color:var(--idm-text-secondary)}.idm-total-value{color:var(--idm-text-primary);font-weight:500}.idm-grand-total{border-top:1px solid var(--idm-border-primary);font-size:var(--idm-font-size-md);font-weight:600;margin-top:var(--idm-spacing-sm);padding-top:var(--idm-spacing-sm)}.idm-grand-total .idm-total-label,.idm-grand-total .idm-total-value{color:var(--idm-text-primary)}.idm-notes,.idm-payment,.idm-terms{background-color:var(--idm-bg-tertiary);border-radius:var(--idm-border-radius);margin-bottom:var(--idm-spacing-lg);padding:var(--idm-spacing-md)}.idm-notes-title,.idm-payment-title,.idm-terms-title{color:var(--idm-text-primary);font-size:var(--idm-font-size-md);font-weight:600;margin-bottom:var(--idm-spacing-sm);margin-top:0}.idm-notes-content,.idm-payment-content,.idm-terms-content{color:var(--idm-text-secondary);font-size:var(--idm-font-size-sm);line-height:1.6;margin:0;white-space:pre-line}.idm-actions{border-top:1px solid var(--idm-border-light);display:flex;flex-wrap:wrap;gap:var(--idm-spacing-md);margin-top:var(--idm-spacing-xl);padding-top:var(--idm-spacing-md)}.idm-button{align-items:center;border-radius:var(--idm-border-radius);cursor:pointer;display:flex;font-size:var(--idm-font-size-sm);font-weight:500;gap:var(--idm-spacing-sm);padding:var(--idm-spacing-sm) var(--idm-spacing-lg);transition:all .2s ease}.idm-button-primary{background-color:var(--idm-primary-blue);border:none;color:#fff}.idm-button-primary:hover:not(:disabled){background-color:#4338ca}.idm-button-secondary{background-color:var(--idm-bg-tertiary);border:1px solid var(--idm-border-primary);color:var(--idm-text-primary)}.idm-button-secondary:hover:not(:disabled){background-color:var(--idm-bg-hover)}.idm-button-danger{background-color:var(--idm-danger-light);border:1px solid #e74c3c33;color:var(--idm-danger)}.idm-button-danger:hover:not(:disabled){background-color:#e74c3c26}.idm-button:disabled{cursor:not-allowed;opacity:.6}.idm-delete-confirmation{background-color:var(--idm-danger-light);border:1px solid #e74c3c33;border-radius:var(--idm-border-radius);margin-bottom:var(--idm-spacing-lg);padding:var(--idm-spacing-lg)}.idm-delete-title{color:var(--idm-danger);font-size:var(--idm-font-size-md);margin-bottom:var(--idm-spacing-sm);margin-top:0}.idm-delete-message{color:var(--idm-text-primary);font-size:var(--idm-font-size-sm);margin-bottom:var(--idm-spacing-md)}.idm-confirm-buttons{display:flex;gap:var(--idm-spacing-sm)}.idm-error{background-color:var(--idm-danger-light);color:var(--idm-danger)}.idm-error{border-radius:var(--idm-border-radius);font-size:var(--idm-font-size-sm);margin-bottom:var(--idm-spacing-md);padding:var(--idm-spacing-md)}.idm-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.idm-tools-section{background-color:var(--idm-bg-tertiary);border-radius:var(--idm-border-radius);margin-top:var(--idm-spacing-xl);padding:var(--idm-spacing-md)}.idm-tools-title{color:var(--idm-text-primary);font-size:var(--idm-font-size-md);font-weight:600;margin-bottom:var(--idm-spacing-md);margin-top:0}.idm-tools-grid{display:grid;gap:var(--idm-spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.idm-tool-group{background-color:var(--idm-bg-primary);border:1px solid var(--idm-border-secondary);border-radius:var(--idm-border-radius);padding:var(--idm-spacing-md)}.idm-button-group{margin-bottom:var(--idm-spacing-md)}.idm-button-group{display:flex;flex-wrap:wrap;gap:var(--idm-spacing-sm)}@media (max-width:768px){.idm-modal-content{max-height:95vh}.idm-content{padding:var(--idm-spacing-md)}.idm-parties{flex-direction:column;gap:var(--idm-spacing-md)}.idm-party{min-width:100%}.idm-items-table{display:block;overflow-x:auto}.idm-actions{flex-direction:column}.idm-button{justify-content:center;width:100%}.idm-tools-grid{grid-template-columns:1fr}.idm-totals{width:100%}}@keyframes idm-highlight{0%{background-color:var(--idm-primary-light)}to{background-color:initial}}@media print{.idm-modal{background-color:#fff;height:auto;overflow:visible;position:absolute}.idm-modal-content{box-shadow:none;max-height:none;overflow:visible}.idm-actions,.idm-close-button,.idm-header,.idm-tools-section{display:none}.idm-content{padding:0}.idm-notes,.idm-party,.idm-payment,.idm-terms{break-inside:avoid;page-break-inside:avoid}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.theme-changing *{transition:none!important}.invoicing-page{margin:0 auto;max-width:1600px;padding:var(--spacing-lg)}.invoices-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:var(--spacing-lg)}.search-filter{flex:1 1;min-width:250px}.empty-state{align-items:center;background-color:var(--background-card);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;margin-top:var(--spacing-xl);padding:var(--spacing-xxl);text-align:center}.empty-state .empty-icon{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.7}.empty-state h3{margin-bottom:var(--spacing-md)}.empty-state p{color:var(--text-light);margin-bottom:var(--spacing-lg);max-width:600px}@media (max-width:768px){.invoices-grid{grid-template-columns:1fr}}.invoicing-page .folder-card,.invoicing-page .invoice-card-compact{position:relative}.invoicing-page .explorer.list .folder-card,.invoicing-page .explorer.list .invoice-card-compact{padding-right:160px!important}.invoicing-page .explorer.grid .folder-card,.invoicing-page .explorer.grid .invoice-card-compact{background-color:#1e293b66!important;border:1px solid #ffffff14!important;border-radius:8px!important;min-height:120px!important;padding-top:36px!important;position:relative!important;transition:all .2s ease!important}.invoicing-page .explorer.list .folder-name{max-width:calc(100% - 80px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.confirm-modal{max-width:450px;text-align:center;width:90%}.confirm-modal .modal-header{border-bottom:1px solid #334155;padding-bottom:1rem}.confirm-modal .modal-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.warning-text{color:#ef4444;font-size:.9rem;font-weight:500}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}@media (max-width:480px){.confirm-modal{width:95%}.modal-actions{flex-direction:column;gap:.5rem}}:root[data-theme=light] .empty-state{background-color:var(--light-background-card);box-shadow:var(--light-shadow)}:root[data-theme=light] .empty-state p{color:var(--light-text-light)}:root[data-theme=light] .invoicing-page .explorer.grid .folder-card,:root[data-theme=light] .invoicing-page .explorer.grid .invoice-card-compact{background-color:#f8fafccc!important;border:1px solid #00000014!important}:root[data-theme=light] .confirm-modal,body.light-mode .confirm-modal{background-color:#fff;border:1px solid var(--light-border-primary,#e2e8f0);box-shadow:0 10px 25px #00000014}:root[data-theme=light] .modal-header,body.light-mode .modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}:root[data-theme=light] .modal-actions button,body.light-mode .modal-actions button{background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b}:root[data-theme=light] .modal-actions button:hover,body.light-mode .modal-actions button:hover{background-color:#f1f5f9}.section-container{background-color:var(--background-card);border:1px solid #ffffff0d;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.section-title{align-items:center;border-bottom:1px solid #ffffff1a;color:var(--text);display:flex;font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.section-title:before{background-color:var(--primary);border-radius:2px;content:"";display:inline-block;height:18px;margin-right:var(--spacing-sm);width:4px}.invoice-status-legend{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}:root[data-theme=light] .invoice-status-legend{background-color:var(--bg-tertiary-light);border-color:var(--border-primary-light);box-shadow:var(--shadow-sm)}.legend-title{color:var(--text-secondary);font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-sm)}:root[data-theme=light] .legend-title{color:var(--text-secondary-light)}.legend-items{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.legend-item{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--font-size-sm)}:root[data-theme=light] .legend-item{color:var(--text-tertiary-light)}.legend-label{font-size:var(--font-size-sm)}@media (max-width:768px){.invoice-status-legend{align-items:flex-start;flex-direction:column;padding:var(--spacing-sm)}.legend-items{flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}}.status-popover{background-color:var(--background-card,#1e293b);border:1px solid var(--border-color,#334155);box-shadow:0 4px 12px #00000026;z-index:1000}.status-popover-button{background:none;border:none;border-radius:var(--border-radius-sm,4px);color:var(--text,#e2e8f0);cursor:pointer;display:block;font-size:var(--font-size-sm,.875rem);padding:var(--spacing-sm,8px) var(--spacing-md,12px);text-align:left;width:100%}.status-popover-button:hover{background-color:var(--primary-dark,#4338ca);color:var(--text-inverted,#fff)}.invoice-status-button{border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.85rem;gap:6px;justify-content:center;padding:6px 12px;text-align:center;transition:all .2s ease}.status-indicator{border-radius:50%;display:inline-block;height:8px;width:8px}.status-indicator.draft{background-color:var(--draft-color,#9e9e9e)}.status-indicator.sent{background-color:var(--sent-color,#2196f3)}.status-indicator.paid{background-color:var(--paid-color,#4caf50)}.status-indicator.overdue{background-color:var(--overdue-color,#f44336)}.invoice-status-button:hover{box-shadow:0 0 5px #ffffff4d;filter:brightness(1.2)}:root[data-theme=light] .invoice-status-button:hover{box-shadow:0 0 5px #0003;filter:brightness(.95)}.status-popover{background:var(--background-card,#1e293b);border:1px solid var(--border-subtle,#ffffff1a);border-radius:var(--border-radius-md,6px);box-shadow:var(--shadow-lg,0 10px 15px #0003);min-width:120px;padding:var(--spacing-xs,4px);z-index:1050}.status-popover button{background:none;border:none;border-radius:var(--border-radius-sm,4px);color:var(--text,#f8fafc);cursor:pointer;display:block;font-size:var(--font-size-sm,.875rem);padding:var(--spacing-sm,8px) var(--spacing-md,12px);text-align:left;transition:background-color .15s ease;width:100%}.status-popover button:hover{background-color:var(--primary-dark,#82b0ec);color:#fff}.latest-badge{background-color:#4caf50;font-size:.7em;font-weight:700;margin-left:8px}.invoicing-page .explorer-items.list .invoice-card-compact{display:grid!important;grid-template-columns:3rem minmax(100px,.25fr) minmax(150px,.4fr) minmax(80px,.15fr) auto auto max-content!important}.invoice-table-container{background-color:#1e293b66;border:1px solid #ffffff14;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:24px;overflow:hidden}.invoice-table{border-collapse:initial;border-spacing:0;font-size:.95rem;text-align:left;width:100%}.invoice-table thead{background-color:#1e293bb3}.invoice-table th{border-bottom:1px solid #ffffff1a;color:#fffc;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:14px 16px;position:relative;text-transform:uppercase}.invoice-table tbody tr{border-bottom:1px solid #ffffff0d;cursor:pointer;transition:background-color .2s ease}.invoice-table tbody tr:hover{background-color:#ffffff12}.invoice-table tbody tr:last-child{border-bottom:none}.invoice-table td{color:#ffffffe6;padding:14px 16px;vertical-align:middle}.invoice-icon-col{text-align:center;width:50px}.invoice-number-col{font-weight:500;width:160px}.invoice-client-col{width:auto}.invoice-amount-col{color:#fffffff2;font-weight:600;text-align:right;width:110px}.invoice-date-col{width:110px}.invoice-status-col{width:120px}.invoice-actions-col{text-align:center;width:120px}.invoice-actions-wrapper{display:flex;gap:8px;justify-content:flex-end}.invoice-action-btn{align-items:center;background-color:#1e293b80;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.invoice-action-btn:hover{box-shadow:0 3px 6px #0003;transform:translateY(-1px)}.invoice-action-btn.edit-btn:hover{background-color:#1e40af;color:#fff}.invoice-action-btn.pdf-btn:hover{background-color:#15803d;color:#fff}.invoice-action-btn.delete-btn:hover{background-color:#b91c1c;color:#fff}@media (max-width:768px){.invoice-table{font-size:.9rem}.invoice-table td,.invoice-table th{padding:10px 12px}.invoice-table th{font-size:.75rem}.invoice-action-btn{height:28px;width:28px}.invoice-actions-wrapper{gap:4px}}.invoice-status-button{align-items:center;border:1px solid #0000;border-radius:var(--border-radius);cursor:default;display:inline-flex;font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.invoice-number-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.latest-badge{background-color:var(--accent-green,#10b981);border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;line-height:1;padding:2px 6px;text-transform:uppercase}:root[data-theme=light] .latest-badge{background-color:var(--status-upcoming);box-shadow:0 1px 2px #0000001a;color:var(--bg-card-light,#fff)}.success-message{align-items:center;background-color:#15803d1a;border-radius:4px;color:#15803d;display:flex;font-weight:500;margin:10px 0;padding:10px 15px}.success-message:before{content:"✓";font-weight:700;margin-right:8px}@media (prefers-color-scheme:light){.success-message{background-color:#15803d1a;color:#15803d}}.invoice-table th.sortable-header{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.invoice-table th.sortable-header:hover{background-color:var(--bg-tertiary)}.active-sort.sortable-header{color:var(--text-primary)}.header-content{gap:var(--spacing-xs)}.header-content,.sort-button{align-items:center;display:flex}.sort-button{flex-direction:column;height:20px;justify-content:center;opacity:.6;transition:opacity .2s ease;width:20px}.active-sort.sortable-header .sort-button,.invoice-table th.sortable-header:hover .sort-button{opacity:1}.sort-arrows{font-size:10px;line-height:.7}:root[data-theme=light] .invoice-table th.sortable-header:hover{background-color:var(--bg-tertiary-light,#e5e7eb)}:root[data-theme=light] .active-sort.sortable-header{color:var(--text-primary-light,#111827)}:root[data-theme=light] .sort-button{opacity:.5}:root[data-theme=light] .active-sort.sortable-header .sort-button,:root[data-theme=light] .invoice-table th.sortable-header:hover .sort-button{opacity:1}.invoice-status-button.draft{background-color:rgba(var(--status-draft-rgb,107,114,128),.15);border:1px solid rgba(var(--status-draft-rgb,107,114,128),.3);color:var(--status-draft,#6b7280)}.invoice-status-button.sent{background-color:rgba(var(--status-sent-rgb,59,130,246),.15);border:1px solid rgba(var(--status-sent-rgb,59,130,246),.3);color:var(--status-sent,#3b82f6)}.invoice-status-button.paid{background-color:rgba(var(--status-paid-rgb,16,185,129),.15);border:1px solid rgba(var(--status-paid-rgb,16,185,129),.3);color:var(--status-paid,#10b981)}.invoice-status-button.overdue{background-color:rgba(var(--status-overdue-rgb,239,68,68),.15);border:1px solid rgba(var(--status-overdue-rgb,239,68,68),.3);color:var(--status-overdue,#ef4444)}@media (prefers-color-scheme:light){:root[data-theme=light] .invoice-status-button.draft{background-color:rgba(var(--status-draft-light-rgb,156,163,175),.15);border-color:rgba(var(--status-draft-light-rgb,156,163,175),.3);color:var(--status-draft,#9ca3af)}:root[data-theme=light] .invoice-status-button.sent{background-color:rgba(var(--status-sent-light-rgb,59,130,246),.15);border-color:rgba(var(--status-sent-light-rgb,59,130,246),.3);color:var(--status-sent,#3b82f6)}:root[data-theme=light] .invoice-status-button.paid{background-color:rgba(var(--status-paid-light-rgb,22,163,74),.15);border-color:rgba(var(--status-paid-light-rgb,22,163,74),.3);color:var(--status-paid,#16a34a)}:root[data-theme=light] .invoice-status-button.overdue{background-color:rgba(var(--status-overdue-light-rgb,220,38,38),.15);border-color:rgba(var(--status-overdue-light-rgb,220,38,38),.3);color:var(--status-overdue,#dc2626)}}:root[data-theme=light] .status-popover{background-color:var(--bg-card-light,#fff);border:1px solid var(--border-primary-light,#e5e7eb);box-shadow:var(--shadow-md)}:root[data-theme=light] .status-popover-button{color:var(--text-primary-light,#111827)}:root[data-theme=light] .status-popover-button:hover{background-color:var(--bg-tertiary-light,#e5e7eb)}.theme-container{height:100%;width:100%}.action-button,.cancel-button,.cancel-delete-button,.confirm-delete-button,.create-invoice-button,.delete-button,.edit-button,.primary-button,.refresh-button,.submit-button,.toggle-button,.toggle-details-button{align-items:center;background-color:#1e293b;border:none;border-radius:.5rem;box-shadow:0 2px 5px #0003;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;outline:none;overflow:hidden;padding:.6rem 1.2rem;position:relative;text-align:center;transition:all .2s ease}.create-invoice-button,.refresh-button{align-items:center!important;border-radius:6px!important;box-shadow:0 2px 4px #0000001a!important;display:inline-flex!important;font-size:.9rem!important;font-weight:500!important;height:40px!important;justify-content:center!important;margin:0 6px!important;min-width:130px!important;padding:0 16px!important;transition:all .2s ease!important}.action-button:hover,.create-invoice-button:hover,.edit-button:hover,.primary-button:hover,.refresh-button:hover,.submit-button:hover,.toggle-details-button:hover{box-shadow:0 4px 10px #0000004d;filter:brightness(1.1);transform:translateY(-2px)}.confirm-delete-button:hover,.delete-button:hover{box-shadow:0 4px 10px #ef44444d;filter:brightness(1.1);transform:translateY(-2px)}.action-button:active,.cancel-button:active,.delete-button:active,.primary-button:active,.submit-button:active{box-shadow:0 1px 3px #0003;filter:brightness(.95);transform:translateY(1px)}.action-button:disabled,.cancel-button:disabled,.delete-button:disabled,.primary-button:disabled,.submit-button:disabled{box-shadow:none!important;cursor:not-allowed;filter:grayscale(.5);opacity:.5;transform:none!important}.create-invoice-button,.primary-button,.submit-button{background:linear-gradient(135deg,#82b0ec,#3730a3);color:#fff}.create-invoice-button:hover,.primary-button:hover,.submit-button:hover{background:linear-gradient(135deg,#5a54e9,#4338ca)}.confirm-delete-button,.delete-button{background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff}.confirm-delete-button:hover,.delete-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.cancel-button,.cancel-delete-button,.edit-button,.refresh-button{background:linear-gradient(135deg,#334155,#1e293b);border:1px solid #475569;color:#e2e8f0}.cancel-button:hover,.cancel-delete-button:hover,.edit-button:hover,.refresh-button:hover{background:linear-gradient(135deg,#475569,#334155);color:#f8fafc}@media (max-width:768px){.action-button,.cancel-button,.cancel-delete-button,.confirm-delete-button,.create-invoice-button,.delete-button,.edit-button,.primary-button,.refresh-button,.submit-button,.toggle-details-button{font-size:.85rem;min-width:100px;padding:.5rem .9rem}}@media (max-width:480px){.action-button,.cancel-button,.cancel-delete-button,.confirm-delete-button,.create-invoice-button,.delete-button,.edit-button,.primary-button,.refresh-button,.submit-button,.toggle-details-button{font-size:.8rem;margin-bottom:.5rem;min-width:90px;padding:.5rem .8rem;width:100%}}.button-group{display:flex;gap:.5rem;margin:1rem 0}@media (max-width:480px){.button-group{flex-direction:column;width:100%}}.action-button:after,.delete-button:after,.primary-button:after,.submit-button:after{border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;opacity:0;position:absolute;right:10px;transition:opacity .2s ease;width:16px}.action-button.loading:after,.delete-button.loading:after,.primary-button.loading:after,.submit-button.loading:after{animation:spin .8s linear infinite;opacity:1}@keyframes spin{to{transform:rotate(1turn)}}.toggle-button{background:#0000;border:1px solid #6366f14d;box-shadow:none;color:#818cf8;min-width:auto;padding:.4rem .8rem}.toggle-button:hover{background-color:#6366f126}.toggle-button.active{background-color:#82b0ec;color:#fff}.filter-button{background-color:initial;border:1px solid #475569;border-radius:.4rem;color:#94a3b8;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .2s ease}.filter-button:hover{background-color:#334155;color:#e2e8f0}.filter-button.active{background-color:#82b0ec;border-color:#82b0ec;color:#fff}:root[data-theme=light] .action-button,:root[data-theme=light] .cancel-button,:root[data-theme=light] .cancel-delete-button,:root[data-theme=light] .confirm-delete-button,:root[data-theme=light] .create-invoice-button,:root[data-theme=light] .delete-button,:root[data-theme=light] .edit-button,:root[data-theme=light] .primary-button,:root[data-theme=light] .refresh-button,:root[data-theme=light] .submit-button,:root[data-theme=light] .toggle-button,:root[data-theme=light] .toggle-details-button{background-color:#f1f5f9;border:1px solid #e2e8f0;box-shadow:0 2px 5px #0000000d;color:#fff}:root[data-theme=light] .action-button:hover,:root[data-theme=light] .edit-button:hover,:root[data-theme=light] .refresh-button:hover,:root[data-theme=light] .toggle-details-button:hover{background-color:#e2e8f0;box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}:root[data-theme=light] .create-invoice-button,:root[data-theme=light] .primary-button,:root[data-theme=light] .submit-button{background:linear-gradient(135deg,#82b0ec,#3730a3);border:none;color:#fff}:root[data-theme=light] .create-invoice-button:hover,:root[data-theme=light] .primary-button:hover,:root[data-theme=light] .submit-button:hover{background:linear-gradient(135deg,#5a54e9,#4338ca);box-shadow:0 4px 10px #4f46e54d}:root[data-theme=light] .confirm-delete-button,:root[data-theme=light] .delete-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}:root[data-theme=light] .confirm-delete-button:hover,:root[data-theme=light] .delete-button:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 10px #ef44444d}:root[data-theme=light] .cancel-button,:root[data-theme=light] .cancel-delete-button,:root[data-theme=light] .edit-button,:root[data-theme=light] .refresh-button{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;color:#334155}:root[data-theme=light] .cancel-button:hover,:root[data-theme=light] .cancel-delete-button:hover,:root[data-theme=light] .edit-button:hover,:root[data-theme=light] .refresh-button:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#1e293b}:root[data-theme=light] .toggle-button{background:#0000;border:1px solid #4f46e54d;box-shadow:none;color:#82b0ec}:root[data-theme=light] .toggle-button:hover{background-color:#4f46e51a}:root[data-theme=light] .toggle-button.active{background-color:#82b0ec;color:#fff}:root[data-theme=light] .filter-button{background-color:initial;border:1px solid #cbd5e1;color:#64748b}:root[data-theme=light] .filter-button:hover{background-color:#f1f5f9;color:#334155}:root[data-theme=light] .filter-button.active{background-color:#82b0ec;border-color:#82b0ec;color:#fff}:root[data-theme=light] .action-button.loading:after,:root[data-theme=light] .delete-button.loading:after,:root[data-theme=light] .primary-button.loading:after,:root[data-theme=light] .submit-button.loading:after{border-top-color:initial}@keyframes successPulse{0%{opacity:0;transform:scale(.95)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes loadingDot{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.8)}}.primary-button{background-color:var(--primary-color,#2196f3);color:#fff}.primary-button:hover{background-color:var(--primary-color-dark,#1976d2)}.danger-button{background-color:var(--danger-color,#f44336);color:#fff}.danger-button:hover{background-color:var(--danger-color-dark,#d32f2f)}.invoice-status-icon{border-radius:50%;display:inline-block;height:10px;margin-right:8px;width:10px}