@charset "UTF-8";@font-face{font-family:Ginto Nord;src:url(/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Ginto Nord;src:url(/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}:root{--color-green: #2B5EA7;--color-dark-green: #1B2E4A;--color-turquoise: #3B8DD6;--color-white: #FFFFFF;--color-black: #333333;--color-light-black: #444444;--color-grey: #9A9A9A;--color-light-grey: #BDBDBD;--color-lighter-grey: #F7F7F7;--color-dark-grey: #4A4A4A;--color-light-border: #E3E3E3;--color-light-green: #DAEAF8;--color-lighter-green: #EBF2FA;--color-light-blue-bg: #EBF2FA;--color-red: #D54C4C;--color-yellow: #FEBD59;--color-orange-dark: #C95A22;--color-border: #E3E3E3;--color-text: #333333;--color-accent: #2B5EA7;--color-light-bg: #F7F7F7;--color-success: #34C759;--color-warning: #FF9500;--color-danger: #D54C4C;--color-info: #BBBBBB;--color-accounting-dark: #1B2E4A;--color-accounting-light: #A8C2DD;--shadow-sm: 0 1px 2px rgba(27, 46, 74, .06);--shadow-md: 0 4px 12px rgba(27, 46, 74, .08);--shadow-lg: 0 8px 24px rgba(27, 46, 74, .12);--shadow-xl: 0 16px 48px rgba(27, 46, 74, .16);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Ginto Nord", "Poppins", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-5xl: 48px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;accent-color:var(--color-green)}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-white);min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.customer-selector{position:relative}.customer-selector-input{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);background:var(--color-white);cursor:text;transition:all var(--transition-fast)}.customer-selector-input:hover{border-color:var(--color-grey)}.customer-selector-input.open,.customer-selector-input:focus-within{border-color:var(--color-green);box-shadow:0 0 0 3px #007e861a}.customer-selector-input input{flex:1;border:none;background:transparent;font-size:var(--font-size-sm);font-family:var(--font-family);outline:none}.customer-selector-input input::placeholder{color:var(--color-grey)}.customer-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto}.customer-dropdown-empty{padding:var(--space-lg);text-align:center;color:var(--color-grey);font-size:var(--font-size-sm)}.customer-dropdown-list{padding:var(--space-xs)}.customer-group:not(:last-child){margin-bottom:var(--space-xs)}.customer-group-header{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-grey);text-transform:uppercase;letter-spacing:.05em}.customer-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);border:none;background:transparent;text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.customer-option:hover{background:var(--color-lighter-grey)}.customer-option-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--color-green),var(--color-dark-green));border-radius:var(--radius-full);color:var(--color-white);font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.customer-option-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.customer-option-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green)}.customer-option-details{font-size:var(--font-size-xs);color:var(--color-grey);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-selected{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-light-green);border:1px solid var(--color-green);border-radius:var(--radius-md)}.customer-selected-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--color-green),var(--color-dark-green));border-radius:var(--radius-full);color:var(--color-white);font-weight:700;font-size:var(--font-size-md);flex-shrink:0}.customer-selected-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.customer-selected-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green)}.customer-selected-details{font-size:var(--font-size-xs);color:var(--color-grey)}.customer-clear-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-white);border-radius:var(--radius-full);color:var(--color-grey);cursor:pointer;transition:all var(--transition-fast)}.customer-clear-btn:hover{background:var(--color-lighter-grey);color:var(--color-red)}.invoice-preview-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#0009;animation:fadeIn .15s ease-out}.invoice-preview-modal{display:flex;flex-direction:column;height:100%;width:100%;max-width:1400px;max-height:90vh;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:scaleIn .2s ease-out}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-light-border);flex-shrink:0}.preview-header h2{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0}.preview-header .close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-grey);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.preview-header .close-btn:hover:not(:disabled){background:var(--color-lighter-grey);color:var(--color-dark-green)}.preview-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.preview-content{display:grid;grid-template-columns:1fr 420px;flex:1;min-height:0;overflow:hidden}.pdf-preview-section{display:flex;flex-direction:column;background:var(--color-lighter-grey);border-right:1px solid var(--color-light-border);overflow:hidden}.preview-loading,.preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);height:100%;padding:var(--space-2xl);text-align:center}.preview-loading p,.preview-error p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.preview-error svg{color:var(--color-light-border)}.pdf-viewer{display:flex;flex-direction:column;height:100%}.pdf-viewer iframe{flex:1;width:100%;border:none}.pdf-viewer .download-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);margin:var(--space-md);background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green);cursor:pointer;transition:all var(--transition-fast)}.pdf-viewer .download-btn:hover{border-color:var(--color-green);color:var(--color-green)}.email-section{display:flex;flex-direction:column;padding:var(--space-lg);overflow-y:auto}.email-section h3{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-lg) 0}.email-form{display:flex;flex-direction:column;gap:var(--space-md)}.email-form .form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.email-form .form-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green)}.email-form .form-field input,.email-form .form-field textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-white);transition:all var(--transition-fast)}.email-form .form-field input:focus,.email-form .form-field textarea:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #007e861a}.email-form .form-field input::placeholder,.email-form .form-field textarea::placeholder{color:var(--color-grey)}.email-form .form-field textarea{resize:vertical;min-height:100px}.send-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#fef2f2;border-radius:var(--radius-md);color:var(--color-red);font-size:var(--font-size-sm)}.send-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);margin-top:var(--space-sm);background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.send-btn:hover:not(:disabled){background:var(--color-dark-green)}.send-btn:disabled{opacity:.7;cursor:not-allowed}.send-btn .spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}.send-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);height:100%;text-align:center}.send-success .success-icon{color:var(--color-green);animation:scaleIn .3s ease-out}.send-success p{font-size:var(--font-size-lg);font-weight:600;color:var(--color-dark-green);margin:0}@media(max-width:767px){.invoice-preview-overlay{padding:0}.invoice-preview-modal{max-width:none;max-height:none;height:100vh;border-radius:0}.preview-content{grid-template-columns:1fr;grid-template-rows:1fr auto}.pdf-preview-section{border-right:none;border-bottom:1px solid var(--color-light-border);min-height:300px}.email-section{max-height:50vh}}.create-invoice-page{display:flex;flex-direction:column;height:100%;max-width:900px}.create-invoice-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-lg)}.create-invoice-page .page-header .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.create-invoice-page .page-header .back-link:hover{opacity:.7}.create-invoice-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.error-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--color-red);font-size:var(--font-size-sm)}.error-banner span{flex:1}.error-banner button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:var(--radius-sm)}.error-banner button:hover{background:#0000001a}.payment-status-panel{padding:var(--space-md);margin-bottom:var(--space-lg);background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.5}.payment-status-panel a{color:var(--color-dark-green);font-weight:600;text-decoration:underline;text-underline-offset:2px}.payment-status-panel a:hover{color:var(--color-green)}.payment-status-header{font-weight:600;color:#92400e;margin-bottom:var(--space-sm)}.payment-status-list{display:flex;flex-direction:column;gap:var(--space-xs)}.payment-status-item{display:flex;align-items:flex-start;gap:var(--space-sm)}.payment-status-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700}.payment-status-icon.ok{background:#dcfce7;color:#16a34a}.payment-status-icon.error{background:#fee2e2;color:#dc2626}.payment-status-detail{display:flex;flex-direction:column;gap:2px}.payment-method-name{font-weight:600;color:#1f2937}.payment-status-message{color:#92400e}.invoice-form{display:flex;flex-direction:column;gap:var(--space-xl)}.form-section{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);padding:var(--space-lg)}.form-section h2{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.form-field input,.form-field textarea,.form-field select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-white);transition:all var(--transition-fast)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #007e861a}.form-field input::placeholder,.form-field textarea::placeholder,.form-field select::placeholder{color:var(--color-grey)}.form-field textarea{resize:vertical;min-height:80px}.form-section>.form-field+.form-field{margin-top:var(--space-md)}.attachment-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.attachment-upload-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-light-green);color:var(--color-dark-green);border:1px dashed var(--color-green);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.attachment-upload-btn:hover{background:var(--color-lighter-green, #e8f5f5);border-style:solid}.attachment-upload-btn svg{flex-shrink:0}.attachments-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-sm)}.attachment-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-lighter-grey);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.attachment-item svg{flex-shrink:0;color:var(--color-grey)}.attachment-item .attachment-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-dark-green)}.attachment-item .remove-attachment-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-grey);cursor:pointer;transition:all var(--transition-fast)}.attachment-item .remove-attachment-btn:hover{background:#0000001a;color:var(--color-red)}.attachment-item .attachment-badge{font-size:11px;font-weight:500;padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-light-green);color:var(--color-green);white-space:nowrap}.attachment-item--existing{background:var(--color-light-green)}.form-row+.form-field{margin-top:var(--space-md)}.summary-section{background:var(--color-light-green);border-color:var(--color-green)}.summary-rows{display:flex;flex-direction:column;gap:var(--space-sm)}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-dark-green)}.summary-row.vat-row{color:var(--color-grey)}.summary-row.total-row{padding-top:var(--space-sm);border-top:1px solid var(--color-green);font-weight:700;font-size:var(--font-size-md)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-md)}.draft-btn{padding:var(--space-sm) var(--space-xl);background:transparent;color:var(--color-dark-green);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.preview-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.preview-btn:hover:not(:disabled){background:var(--color-dark-green)}.preview-btn:disabled{opacity:.7;cursor:not-allowed}.preview-btn .spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);background:var(--color-white);border-radius:var(--radius-lg);text-align:center}.loading-state p,.empty-state p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}@media(max-width:767px){.create-invoice-page .page-header h1{font-size:var(--font-size-xl)}.form-row{grid-template-columns:1fr}.form-section{padding:var(--space-md)}.form-actions{flex-direction:column}.draft-btn,.preview-btn{width:100%}}.line-item-editor{display:flex;flex-direction:column;gap:var(--space-md)}.line-items-list{border:1px solid var(--color-light-border);border-radius:var(--radius-md);overflow:hidden}.line-items-header{display:grid;grid-template-columns:2fr 100px 100px 60px 100px 40px;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-lighter-grey);font-size:var(--font-size-xs);font-weight:600;color:var(--color-grey);text-transform:uppercase;letter-spacing:.05em}.line-item{display:grid;grid-template-columns:2fr 100px 100px 60px 100px 40px;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-light-border);align-items:center}.line-item:hover{background:var(--color-lighter-grey)}.col-description{display:flex;flex-direction:column;gap:2px;min-width:0}.col-description .item-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-description .item-type{font-size:var(--font-size-xs);color:var(--color-grey)}.col-quantity{display:flex;align-items:center;gap:var(--space-xs)}.col-quantity input{width:60px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-light-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:right}.col-quantity input:focus{outline:none;border-color:var(--color-green)}.col-quantity .item-unit{font-size:var(--font-size-xs);color:var(--color-grey)}.col-price,.col-vat,.col-total{font-size:var(--font-size-sm);color:var(--color-dark-green);text-align:right}.col-total{font-weight:600}.col-actions{display:flex;justify-content:flex-end}.remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-grey);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.remove-btn:hover{background:#fef2f2;color:var(--color-red)}.add-item-buttons{display:flex;gap:var(--space-sm)}.product-picker-wrapper{position:relative}.add-item-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px dashed var(--color-light-border);background:transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-grey);cursor:pointer;transition:all var(--transition-fast)}.add-item-btn:hover{border-color:var(--color-green);color:var(--color-green)}.add-item-btn.add-new{border-style:solid;background:var(--color-light-green);border-color:var(--color-green);color:var(--color-dark-green)}.add-item-btn.add-new:hover{background:var(--color-green);color:var(--color-white)}.product-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:200;width:350px;background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.product-picker-search{padding:var(--space-sm);border-bottom:1px solid var(--color-light-border)}.product-picker-search input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.product-picker-search input:focus{outline:none;border-color:var(--color-green)}.product-picker-search input::placeholder{color:var(--color-grey)}.product-picker-list{max-height:280px;overflow-y:auto;padding:var(--space-xs)}.product-picker-empty{padding:var(--space-lg);text-align:center;color:var(--color-grey);font-size:var(--font-size-sm)}.product-option{display:flex;width:100%;padding:var(--space-sm) var(--space-md);border:none;background:transparent;text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.product-option:hover{background:var(--color-lighter-grey)}.product-option-info{display:flex;flex-direction:column;gap:2px}.product-option-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green)}.product-option-details{font-size:var(--font-size-xs);color:var(--color-grey)}.new-item-form{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--color-lighter-grey);border-radius:var(--radius-md)}.new-item-form .form-row{display:flex;gap:var(--space-md)}.new-item-form .form-field{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.new-item-form .form-field.flex-2{flex:2}.new-item-form .form-field label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-dark-green)}.new-item-form .form-field input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-white)}.new-item-form .form-field input:focus{outline:none;border-color:var(--color-green)}.new-item-form .form-field input::placeholder{color:var(--color-grey)}.type-toggle{display:flex;gap:var(--space-xs)}.type-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-light-border);background:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-grey);cursor:pointer;transition:all var(--transition-fast)}.type-btn:hover{border-color:var(--color-green);color:var(--color-green)}.type-btn.active{background:var(--color-green);border-color:var(--color-green);color:var(--color-white)}.vat-buttons{display:flex;gap:var(--space-xs)}.vat-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);background:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-grey);cursor:pointer;transition:all var(--transition-fast)}.vat-btn:hover{border-color:var(--color-green);color:var(--color-green)}.new-item-form .form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-sm)}.cancel-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-light-border);background:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-grey);cursor:pointer;transition:all var(--transition-fast)}.cancel-btn:hover{border-color:var(--color-dark-green);color:var(--color-dark-green)}.submit-btn{padding:var(--space-sm) var(--space-lg);border:none;background:var(--color-green);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.line-item-editor .empty-state{padding:var(--space-xl);text-align:center;background:var(--color-lighter-grey);border-radius:var(--radius-md);border:2px dashed var(--color-light-border)}.line-item-editor .empty-state p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}@media(max-width:767px){.line-items-header{display:none}.line-item{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.line-item .col-description{width:100%}.line-item .col-quantity,.line-item .col-price,.line-item .col-vat,.line-item .col-total{text-align:left}.add-item-buttons{flex-direction:column}.product-picker-dropdown{width:100%;left:0;right:0}.new-item-form .form-row{flex-direction:column}.type-toggle,.vat-buttons{flex-wrap:wrap}}.add-actions-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:flex-end;padding:var(--space-xl);background:#0006;animation:fadeIn .15s ease-out}.add-actions-modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:380px;overflow:hidden;animation:slideUp .2s ease-out}.add-actions-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-light-border)}.add-actions-header h3{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green);margin:0}.add-actions-header .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-grey);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.add-actions-header .close-btn:hover{background:var(--color-lighter-grey);color:var(--color-dark-green)}.add-actions-list{padding:var(--space-sm)}.add-action-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);border:none;background:transparent;text-align:left;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.add-action-item:hover{background:var(--color-lighter-grey)}.add-action-item:hover .add-action-icon{background:var(--color-green);color:var(--color-white)}.add-action-item:hover .add-action-arrow{opacity:1;transform:translate(4px)}.add-action-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-light-green);color:var(--color-dark-green);border-radius:var(--radius-md);flex-shrink:0;transition:all var(--transition-fast)}.add-action-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.add-action-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green)}.add-action-description{font-size:var(--font-size-xs);color:var(--color-grey)}.add-action-arrow{flex-shrink:0;color:var(--color-grey);opacity:0;transition:all var(--transition-fast)}@media(max-width:767px){.add-actions-overlay{padding:0;align-items:flex-end;justify-content:stretch}.add-actions-modal{max-width:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.upload-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#00000080;animation:fadeIn .15s ease-out}.upload-modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .2s ease-out}.upload-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-light-border)}.upload-modal-header h2{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0}.upload-modal-header .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-grey);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.upload-modal-header .close-btn:hover:not(:disabled){background:var(--color-lighter-grey);color:var(--color-dark-green)}.upload-modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.upload-modal-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);border:2px dashed var(--color-light-border);border-radius:var(--radius-lg);background:var(--color-lighter-grey);cursor:pointer;transition:all var(--transition-fast)}.upload-dropzone:hover,.upload-dropzone.dragging{border-color:var(--color-green);background:var(--color-light-green)}.upload-dropzone:hover .dropzone-icon,.upload-dropzone.dragging .dropzone-icon{color:var(--color-green)}.upload-dropzone.dragging{border-style:solid}.file-input{display:none}.dropzone-icon{color:var(--color-grey);transition:color var(--transition-fast)}.dropzone-text{font-size:var(--font-size-md);font-weight:500;color:var(--color-dark-green);text-align:center;margin:0}.dropzone-formats{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.browse-btn{padding:var(--space-sm) var(--space-lg);background:var(--color-white);color:var(--color-dark-green);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.browse-btn:hover{border-color:var(--color-green);color:var(--color-green)}.file-preview-section{display:flex;flex-direction:column;gap:var(--space-lg)}.file-preview{position:relative;display:flex;align-items:center;justify-content:center;background:var(--color-lighter-grey);border-radius:var(--radius-lg);overflow:hidden;min-height:200px}.file-preview img{max-width:100%;max-height:300px;object-fit:contain}.pdf-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-dark-green)}.pdf-preview span{font-size:var(--font-size-sm);color:var(--color-grey);max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.remove-file-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-white);border:none;border-radius:var(--radius-full);color:var(--color-grey);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast)}.remove-file-btn:hover{background:var(--color-red);color:var(--color-white)}.form-fields{display:flex;flex-direction:column;gap:var(--space-md)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green)}.form-field input,.form-field select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-white);transition:all var(--transition-fast)}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #007e861a}.form-field input::placeholder,.form-field select::placeholder{color:var(--color-grey)}.form-field select{cursor:pointer}.checkbox-field .checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.checkbox-field .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-green)}.checkbox-field .checkbox-label span{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green)}.purpose-buttons{display:flex;gap:var(--space-xs);flex-wrap:wrap}.purpose-btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green);cursor:pointer;transition:all var(--transition-fast)}.purpose-btn:hover{border-color:var(--color-green)}.purpose-btn.active{background:var(--color-green);border-color:var(--color-green);color:var(--color-white)}.participants-list{display:flex;flex-direction:column;gap:var(--space-sm)}.participant-row{display:flex;align-items:center;gap:var(--space-sm)}.participant-input-wrapper{flex:1;position:relative}.participant-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;max-height:150px;overflow-y:auto}.participant-option{width:100%;padding:var(--space-sm) var(--space-md);border:none;background:var(--color-white);text-align:left;font-size:var(--font-size-sm);color:var(--color-dark-green);cursor:pointer;transition:background var(--transition-fast)}.participant-option:hover{background:var(--color-lighter-grey)}.participant-option:not(:last-child){border-bottom:1px solid var(--color-lighter-grey)}.remove-participant-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--color-red);color:var(--color-white);border-radius:var(--radius-full);font-size:18px;font-weight:700;cursor:pointer;transition:opacity var(--transition-fast)}.remove-participant-btn:hover{opacity:.8}.add-participant-btn{padding:var(--space-sm);border:1px dashed var(--color-light-border);border-radius:var(--radius-md);background:transparent;font-size:var(--font-size-sm);color:var(--color-green);cursor:pointer;transition:all var(--transition-fast)}.add-participant-btn:hover{border-color:var(--color-green);background:var(--color-light-green)}.upload-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#fef2f2;border-radius:var(--radius-md);color:var(--color-red);font-size:var(--font-size-sm)}.upload-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center}.upload-success .success-icon{color:var(--color-green);animation:scaleIn .3s ease-out}.upload-success p{font-size:var(--font-size-lg);font-weight:600;color:var(--color-dark-green);margin:0}.upload-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-light-border)}.draft-btn{padding:var(--space-sm) var(--space-lg);background:transparent;color:var(--color-dark-green);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.draft-btn:hover:not(:disabled){border-color:var(--color-dark-green)}.draft-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:767px){.upload-modal-overlay{padding:0;align-items:flex-end}.upload-modal{max-width:none;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.upload-dropzone{padding:var(--space-xl)}}.add-button{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:100;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-turquoise);color:var(--color-white);border:none;border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.add-button:hover{background:var(--color-green);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.add-button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.add-button svg{flex-shrink:0}.add-button span{white-space:nowrap}@media(max-width:767px){.add-button{bottom:var(--space-lg);right:var(--space-lg);padding:var(--space-sm) var(--space-md)}.add-button span{display:none}}.company-picker{position:relative}.company-trigger{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);background:var(--color-white);border:2px solid var(--color-light-green);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);max-width:240px}.company-trigger:hover{border-color:var(--color-green);background:var(--color-light-green-bg)}.company-trigger:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.company-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-swap-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.company-switching{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-green);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--font-size-xs);font-weight:500;animation:pulse 1s ease-in-out infinite}.switching-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.company-dropdown{position:absolute;top:calc(100% + var(--space-sm));left:0;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:280px;max-width:320px;z-index:200;overflow:hidden;animation:dropdownSlide .15s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.company-dropdown-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-light-border)}.company-dropdown-header span{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark-green)}.company-list{max-height:300px;overflow-y:auto}.company-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-lg);background:none;border:none;border-bottom:1px solid var(--color-lighter-grey);cursor:pointer;transition:all var(--transition-fast);text-align:left}.company-option:last-child{border-bottom:none}.company-option:hover{background:var(--color-lighter-grey)}.company-option:focus-visible{outline:none;background:var(--color-light-green-bg)}.company-option.active{background:var(--color-light-green-bg)}.company-option-name{font-size:var(--font-size-sm);color:var(--color-dark-grey);font-weight:400}.company-option.active .company-option-name{color:var(--color-dark-green);font-weight:600}.company-check{display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:768px){.company-trigger{max-width:160px;padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm)}.company-name{font-size:var(--font-size-xs)}.company-swap-icon svg{width:20px;height:20px}.company-dropdown{position:fixed;top:70px;left:var(--space-md);right:var(--space-md);min-width:auto;max-width:none}.company-switching{padding:var(--space-xs) var(--space-sm);font-size:11px}}.help-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn .2s ease-out}.help-modal{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:400px;width:100%;animation:slideIn .3s ease-out;box-shadow:var(--shadow-xl)}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.help-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.help-modal-header h2{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0}.help-modal-close{background:none;border:none;padding:var(--space-xs);cursor:pointer;color:var(--color-dark-green);font-size:32px;line-height:1;font-weight:700;transition:color var(--transition-fast)}.help-modal-close:hover{color:var(--color-grey)}.help-modal-description{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-dark-grey);margin:0 0 var(--space-xl) 0}.help-modal-contact{display:flex;flex-direction:column;gap:var(--space-sm)}.help-modal-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green)}.help-modal-email{background:none;border:none;padding:var(--space-md);cursor:pointer;color:var(--color-green);font-size:var(--font-size-md);font-weight:600;text-decoration:underline;text-align:center;transition:color var(--transition-fast)}.help-modal-email:hover{color:var(--color-dark-green)}.app-layout{display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;min-height:100vh;background:var(--color-lighter-grey)}.app-header{grid-column:1/-1;background:var(--color-white);padding:var(--space-md) var(--space-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;height:64px}.app-sidebar{grid-row:2;background:var(--color-white);border-right:1px solid var(--color-light-border);transition:width var(--transition-normal);overflow:hidden}.app-sidebar.expanded{width:240px}.app-sidebar.collapsed{width:64px}.app-main{grid-row:2;grid-column:2;padding:var(--space-xl);overflow-y:auto;max-width:1200px}.header-left{display:flex;align-items:center;gap:var(--space-md)}.header-logo{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-green);text-decoration:none}.header-logo:hover{color:var(--color-dark-green)}.mobile-menu-btn{display:none;background:none;border:none;padding:var(--space-sm);cursor:pointer;color:var(--color-dark-green)}.mobile-menu-btn svg{width:24px;height:24px}.header-right{display:flex;align-items:center;gap:var(--space-md)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.user-menu-trigger:hover{background:var(--color-lighter-grey)}.user-avatar{width:36px;height:36px;background:var(--color-light-green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-green);font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.user-name{font-weight:500;color:var(--color-black);font-size:var(--font-size-sm)}.user-chevron{display:flex;align-items:center;justify-content:center;color:var(--color-grey);transition:transform var(--transition-fast)}.user-chevron svg{width:16px;height:16px}.user-menu-trigger[aria-expanded=true] .user-chevron{transform:rotate(180deg)}.account-dropdown{position:absolute;top:calc(100% + var(--space-xs));right:0;background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:180px;z-index:200;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--color-black);cursor:pointer;text-decoration:none;transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--color-lighter-grey)}.dropdown-item svg{width:18px;height:18px;color:var(--color-grey)}.dropdown-divider{height:1px;background:var(--color-light-border);margin:0}.dropdown-item.logout{color:var(--color-red)}.dropdown-item.logout svg{color:var(--color-red)}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:var(--space-md) 0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--space-md);cursor:pointer;color:var(--color-grey);margin:0 var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar-toggle:hover{background:var(--color-lighter-grey);color:var(--color-dark-green)}.sidebar-toggle svg{width:20px;height:20px;transition:transform var(--transition-normal)}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-xs);padding:0 var(--space-sm);flex:1}.sidebar-footer{padding:var(--space-md) var(--space-sm);border-top:1px solid var(--color-light-border);margin-top:auto}.sidebar-footer .help-btn{color:var(--color-green)}.sidebar-footer .help-btn:hover{background:var(--color-light-green);color:var(--color-dark-green)}.nav-group{display:flex;flex-direction:column}.nav-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);text-decoration:none;color:var(--color-grey);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;background:none;border:none;width:100%;cursor:pointer;text-align:left;font-family:var(--font-family)}.nav-link:hover{background:var(--color-lighter-grey);color:var(--color-dark-green)}.nav-link.active{background:var(--color-light-green);color:var(--color-dark-green)}.nav-link:disabled{cursor:default;opacity:.6}.nav-link:disabled:hover{background:none;color:var(--color-grey)}.nav-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.nav-icon svg{width:100%;height:100%}.nav-label{font-size:var(--font-size-sm);font-weight:500;flex:1;opacity:1;transition:opacity var(--transition-fast)}.sidebar.collapsed .nav-label{opacity:0;width:0;overflow:hidden}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ff9500;color:var(--color-white);font-size:11px;font-weight:600;border-radius:10px;margin-left:auto;flex-shrink:0}.nav-link.active .nav-badge{background:#ff9500}.sidebar.collapsed .nav-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;font-size:10px;padding:0 4px}.sidebar.collapsed .nav-link{position:relative}.nav-chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform var(--transition-fast);margin-left:auto}.nav-chevron svg{width:100%;height:100%}.nav-chevron.expanded{transform:rotate(180deg)}.nav-parent{font-weight:600}.nav-parent-row{display:flex;align-items:center}.nav-parent-row .nav-link{flex:1}.nav-chevron-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:var(--space-sm);cursor:pointer;color:var(--color-grey);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-chevron-btn:hover{background:var(--color-lighter-grey);color:var(--color-dark-green)}.nav-subitems{display:flex;flex-direction:column;margin-left:var(--space-lg);padding-left:var(--space-sm);border-left:2px solid var(--color-light-border);margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.nav-subitem{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}.nav-subitem .nav-label{font-size:var(--font-size-xs);font-weight:400}.mobile-drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:300;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.mobile-drawer-overlay.open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--color-white);z-index:301;transform:translate(-100%);transition:transform var(--transition-normal);display:flex;flex-direction:column}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-light-border)}.mobile-drawer-logo{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-green)}.mobile-drawer-close{background:none;border:none;padding:var(--space-sm);cursor:pointer;color:var(--color-grey);border-radius:var(--radius-md)}.mobile-drawer-close:hover{background:var(--color-lighter-grey)}.mobile-drawer-close svg{width:24px;height:24px}.mobile-drawer-nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-drawer-nav .nav-link{padding:var(--space-lg) var(--space-md)}.mobile-drawer-nav .nav-link span{font-size:var(--font-size-md)}.mobile-drawer-nav .nav-parent-row{display:flex;align-items:center}.mobile-drawer-nav .nav-parent-row .nav-link{flex:1}.mobile-nav-subitems{display:flex;flex-direction:column;margin-left:var(--space-xl);padding-left:var(--space-md);border-left:2px solid var(--color-light-border);margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.mobile-nav-subitems .nav-subitem{padding:var(--space-md)}.mobile-nav-subitems .nav-label{font-size:var(--font-size-sm)}@media(max-width:768px){.app-layout{grid-template-columns:1fr}.app-sidebar{display:none}.app-main{grid-column:1;padding:var(--space-md)}.mobile-menu-btn{display:flex}.user-name{display:none}.app-header{padding:var(--space-md)}}.no-company-access{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:linear-gradient(135deg,var(--color-green) 0%,var(--color-dark-green) 100%)}.no-company-access-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-2xl);max-width:480px;width:100%;text-align:center}.no-company-access-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:0 auto var(--space-lg);background:var(--color-light-green);border-radius:50%;color:var(--color-green)}.no-company-access-card h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.no-company-access-message{font-size:var(--font-size-md);color:var(--color-grey);line-height:1.6;margin:0 0 var(--space-xl) 0}.no-company-access-contact{background:var(--color-lighter-grey);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.no-company-access-contact p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0 0 var(--space-sm) 0}.support-email{display:inline-block;font-size:var(--font-size-lg);font-weight:600;color:var(--color-green);text-decoration:none;transition:color var(--transition-fast)}.support-email:hover{color:var(--color-dark-green);text-decoration:underline}.logout-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-xl);background:transparent;color:var(--color-grey);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{border-color:var(--color-grey);color:var(--color-dark-green)}.attestation-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#00000080;animation:fadeIn .15s ease-out}.attestation-modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .2s ease-out}.attestation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-light-border)}.attestation-modal-header h2{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0}.attestation-modal-header .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--color-grey);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.attestation-modal-header .close-btn:hover:not(:disabled){background:var(--color-lighter-grey);color:var(--color-dark-green)}.attestation-modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.attestation-modal-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.invoice-summary{background:linear-gradient(135deg,var(--color-light-green) 0%,rgba(0,126,134,.08) 100%);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.invoice-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green);margin-bottom:var(--space-md)}.invoice-details{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:var(--font-size-sm);color:var(--color-grey)}.detail-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green)}.detail-value.amount{font-size:var(--font-size-md);font-weight:700;color:var(--color-green)}.detail-value.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.detail-value.status-badge.attestable{background:#fef3c7;color:#92400e}.detail-value.status-badge.non-attestable{background:var(--color-lighter-grey);color:var(--color-grey)}.payment-options h3{font-size:var(--font-size-md);font-weight:600;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.options-list{display:flex;flex-direction:column;gap:var(--space-sm)}.option-btn{display:flex;align-items:flex-start;gap:var(--space-md);width:100%;padding:var(--space-md);background:var(--color-white);border:2px solid var(--color-light-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.option-btn:hover:not(:disabled){border-color:var(--color-green);background:#007e8605}.option-btn:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #007e861a}.option-btn.selected{border-color:var(--color-green);background:var(--color-light-green)}.option-btn.selected .option-icon,.option-btn.selected .option-check{color:var(--color-green)}.option-btn:disabled{opacity:.6;cursor:not-allowed}.option-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-lighter-grey);border-radius:var(--radius-md);color:var(--color-grey);transition:all var(--transition-fast)}.option-btn.selected .option-icon{background:#007e8626;color:var(--color-green)}.option-content{flex:1;display:flex;flex-direction:column;gap:2px}.option-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green)}.option-description{font-size:var(--font-size-xs);color:var(--color-grey);line-height:1.4}.option-check{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:transparent}.date-picker-section{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-lighter-grey);border-radius:var(--radius-lg);animation:slideDown .2s ease-out}.date-picker-section label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green);margin-bottom:var(--space-sm)}.date-picker-section input[type=date]{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-white);transition:all var(--transition-fast)}.date-picker-section input[type=date]:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #007e861a}.attestation-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-2xl);text-align:center}.attestation-success .success-icon{color:var(--color-green);animation:successPop .4s ease-out}.attestation-success p{font-size:var(--font-size-lg);font-weight:600;color:var(--color-dark-green);margin:0}.attestation-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-light-border)}.cancel-btn{padding:var(--space-sm) var(--space-lg);background:transparent;color:var(--color-dark-green);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.cancel-btn:hover:not(:disabled){border-color:var(--color-dark-green)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.submit-btn:hover:not(:disabled){background:var(--color-dark-green)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes successPop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media(max-width:767px){.attestation-modal-overlay{padding:0;align-items:flex-end}.attestation-modal{max-width:none;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.option-btn{padding:var(--space-sm) var(--space-md)}.option-icon{width:36px;height:36px}}.account-balances{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.account-balance-card{display:flex;align-items:center;gap:var(--space-md);background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg)}.account-balance-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-white);flex-shrink:0}.account-balance-icon-bank{background:var(--color-dark-green)}.account-balance-icon-tax{background:var(--color-accounting-dark)}.account-balance-info{display:flex;flex-direction:column;gap:2px;min-width:0}.account-balance-label{font-size:var(--font-size-xs);color:var(--color-grey);text-transform:uppercase;letter-spacing:.04em}.account-balance-amount{font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green)}@media(max-width:767px){.account-balances{grid-template-columns:1fr}.account-balance-amount{font-size:var(--font-size-md)}}.psm-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:psmFadeIn .2s ease-out}@keyframes psmFadeIn{0%{opacity:0}to{opacity:1}}.psm-container{width:100%;max-width:520px;height:100%;background:var(--color-white);display:flex;flex-direction:column;animation:psmSlideIn .3s ease-out;box-shadow:-8px 0 32px #00000026}@media(max-width:767px){.psm-container{max-width:100%}}@keyframes psmSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.psm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--color-light-border);background:linear-gradient(135deg,var(--color-lighter-green) 0%,var(--color-white) 100%)}.psm-header-content{flex:1}.psm-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-xs) 0}.psm-subtitle{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-grey);margin:0}.psm-close{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-white);color:var(--color-grey);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;margin-left:var(--space-md);box-shadow:0 2px 8px #00000014}.psm-close:hover{background:var(--color-dark-green);color:var(--color-white)}.psm-close svg{width:18px;height:18px}.psm-steps-indicator{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);gap:0}.psm-step-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-lighter-grey);color:var(--color-grey);font-size:var(--font-size-xs);font-weight:600;flex-shrink:0;transition:all var(--transition-fast)}.psm-step-dot.active{background:var(--color-green);color:var(--color-white)}.psm-step-dot.completed{background:var(--color-dark-green);color:var(--color-white)}.psm-step-dot.completed svg{width:16px;height:16px}.psm-step-line{height:2px;width:40px;background:var(--color-light-border)}.psm-body{flex:1;overflow-y:auto;padding:var(--space-lg)}.psm-step{display:flex;flex-direction:column;gap:var(--space-sm)}.psm-step-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green);margin:0}.psm-step-description{font-size:var(--font-size-sm);color:var(--color-grey);margin:0 0 var(--space-sm) 0;line-height:1.5}.psm-invoice-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:300px;overflow-y:auto;margin-bottom:var(--space-sm)}.psm-invoice-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-lighter-grey);border-radius:var(--radius-md)}.psm-invoice-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.psm-invoice-supplier{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psm-invoice-number{font-size:var(--font-size-xs);color:var(--color-grey)}.psm-invoice-amount{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark-green);flex-shrink:0;margin-left:var(--space-md)}.psm-total-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-top:2px solid var(--color-light-border);margin-bottom:var(--space-md)}.psm-total-label{font-size:var(--font-size-md);font-weight:600;color:var(--color-dark-green)}.psm-total-amount{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green)}.psm-actions{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md)}.psm-pay-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;width:100%;background:var(--color-green);color:var(--color-white);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;transition:all var(--transition-fast)}.psm-pay-btn:hover:not(:disabled){background:var(--color-dark-green)}.psm-pay-btn:disabled{opacity:.5;cursor:not-allowed}.psm-cancel-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;width:100%;background:var(--color-lighter-grey);color:var(--color-grey);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.psm-cancel-btn:hover{background:var(--color-light-border);color:var(--color-text)}.psm-bankid-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-xl) 0}.psm-qr-container{display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 4px 16px #00000014}.psm-qr-image{width:200px;height:200px;display:block}.psm-bankid-spinner{padding:var(--space-xl)}.psm-bankid-status{font-size:var(--font-size-md);font-weight:600;color:var(--color-dark-green);margin:0;text-align:center}.psm-bankid-hint{font-size:var(--font-size-sm);color:var(--color-grey);margin:0;text-align:center;line-height:1.5}.psm-payment-summary{font-size:var(--font-size-sm);color:var(--color-grey);text-align:center;padding-top:var(--space-sm)}.psm-payment-summary span{font-weight:500}.psm-error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);text-align:center}.psm-error p{color:var(--color-red);font-size:var(--font-size-sm);margin:0}.psm-retry-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;background:var(--color-green);color:var(--color-white);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:background var(--transition-fast)}.psm-retry-btn:hover{background:var(--color-dark-green)}.psm-inline-error{background:var(--color-lighter-grey);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.psm-inline-error p{color:var(--color-red);font-size:var(--font-size-sm);margin:0}.psm-inline-error .psm-consent-link{display:inline-block;margin-top:var(--space-sm);color:var(--color-green);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.psm-inline-error .psm-consent-link:hover{color:var(--color-dark-green)}.psm-inline-error .psm-invoice-errors{text-align:left}.psm-inline-error .psm-invoice-errors>p{margin-bottom:var(--space-sm)}.psm-inline-error .psm-invoice-error-list{display:flex;flex-direction:column;gap:var(--space-xs)}.psm-inline-error .psm-invoice-error-row{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm);background:#fff;border-radius:var(--radius-sm)}.psm-inline-error .psm-invoice-error-supplier{font-weight:600;font-size:var(--font-size-sm);color:var(--color-black)}.psm-inline-error .psm-invoice-error-message{font-size:var(--font-size-sm);color:var(--color-red)}.psm-result{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-xl) 0;text-align:center}.psm-result-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-green);color:var(--color-white)}.psm-result-icon svg{width:32px;height:32px}.psm-result-failed .psm-step-title{color:var(--color-red)}.psm-failed-invoices{width:100%;text-align:left}.psm-failed-invoices .psm-failed-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-black);margin-bottom:var(--space-sm)}.psm-failed-invoices .psm-invoice-error-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.psm-failed-invoices .psm-invoice-error-row{background:var(--color-lighter-grey);border-radius:var(--radius-sm);padding:var(--space-sm)}.psm-failed-invoices .psm-invoice-error-header{display:flex;flex-direction:column;gap:2px}.psm-failed-invoices .psm-invoice-error-supplier{font-weight:600;font-size:var(--font-size-sm);color:var(--color-black)}.psm-failed-invoices .psm-invoice-error-message{font-size:var(--font-size-sm);color:var(--color-red)}.psm-date-adjustments{background:var(--color-lighter-grey);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.psm-date-adjustments .psm-date-adjustment-row{margin:0;font-size:var(--font-size-sm);color:var(--color-black)}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin 1s linear infinite}.tax-spec-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn .15s ease-out}.tax-spec-modal{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:480px;width:100%;box-shadow:0 8px 32px #00000026;animation:slideUp .2s ease-out;max-height:90vh;overflow-y:auto}.tax-spec-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.tax-spec-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);color:var(--color-dark-green);margin:0}.tax-spec-subtitle{font-size:var(--font-size-sm);color:var(--color-grey);margin:var(--space-xs) 0 0}.tax-spec-close{background:none;border:none;font-size:28px;line-height:1;color:var(--color-grey);cursor:pointer;padding:0;width:32px;height:32px;border-radius:var(--radius-full)}.tax-spec-close:hover{background:var(--color-lighter-grey);color:var(--color-dark-green)}.tax-spec-list{display:flex;flex-direction:column;gap:var(--space-xs);border-top:1px solid var(--color-light-border)}.tax-spec-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-light-border)}.tax-spec-row-label{display:flex;flex-direction:column;gap:2px;min-width:0}.tax-spec-row-title{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-sm)}.tax-spec-row-period{font-size:var(--font-size-xs);color:var(--color-grey)}.tax-spec-row-amount{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-sm);white-space:nowrap}.tax-spec-total{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-lg);margin-top:var(--space-md);font-weight:700;color:var(--color-dark-green);font-size:var(--font-size-md)}.tax-spec-total-amount{color:var(--color-green);font-size:var(--font-size-lg)}.pay-tab{display:flex;flex-direction:column;gap:var(--space-lg);padding-bottom:96px}.pay-list{display:flex;flex-direction:column;gap:var(--space-sm)}.pay-list-state{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-light-border)}.pay-list-state p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.pay-list-state .spinner{width:32px;height:32px;border:3px solid var(--color-lighter-grey);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}.pay-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);cursor:pointer;transition:all var(--transition-fast)}.pay-row:hover{border-color:var(--color-green)}.pay-row.is-selected{border-color:var(--color-green);box-shadow:0 0 0 1px var(--color-green) inset}.pay-row-invoice{background:var(--color-white)}.pay-row-tax{background:var(--color-lighter-green)}.pay-row-tax:hover{background:var(--color-light-green)}.pay-row-check{width:18px;height:18px;accent-color:var(--color-green);cursor:pointer;flex-shrink:0}.pay-row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.pay-row-title{font-weight:700;color:var(--color-dark-green);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-row-meta{font-size:var(--font-size-xs);color:var(--color-grey);font-weight:500}.pay-row-spec-link{align-self:flex-start;background:none;border:none;padding:0;font-size:var(--font-size-xs);color:var(--color-green);font-weight:600;cursor:pointer;text-decoration:underline}.pay-row-spec-link:hover{color:var(--color-dark-green)}.pay-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.pay-row-amount{font-weight:700;font-size:var(--font-size-sm);color:var(--color-green);white-space:nowrap}.pay-row-date{font-size:var(--font-size-xs);color:var(--color-grey);white-space:nowrap}.pay-summary{position:sticky;bottom:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-md);opacity:.6;transition:opacity var(--transition-fast)}.pay-summary.is-active{opacity:1;border-color:var(--color-green)}.pay-summary-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.pay-summary-info{display:flex;flex-direction:column;gap:2px}.pay-summary-count{font-size:var(--font-size-xs);color:var(--color-grey);text-transform:uppercase;letter-spacing:.04em}.pay-summary-total{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green)}.pay-summary-btn{padding:var(--space-sm) var(--space-xl);background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:background var(--transition-fast);min-height:44px}.pay-summary-btn:hover:not(:disabled){background:var(--color-dark-green)}.pay-summary-btn:disabled{background:var(--color-light-grey);cursor:not-allowed}.pay-summary-impact{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--color-light-border)}.pay-summary-impact-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);font-size:var(--font-size-sm)}.pay-summary-impact-label{color:var(--color-grey);font-weight:500}.pay-summary-impact-values{display:inline-flex;align-items:baseline;gap:var(--space-sm)}.pay-summary-impact-delta{font-weight:600;font-variant-numeric:tabular-nums}.pay-summary-impact-delta.positive{color:var(--color-success)}.pay-summary-impact-delta.negative{color:var(--color-red)}.pay-summary-impact-delta.neutral,.pay-summary-impact-arrow{color:var(--color-grey)}.pay-summary-impact-after{font-weight:700;color:var(--color-dark-green);font-variant-numeric:tabular-nums}.pay-summary-impact-note{margin:var(--space-xs) 0 0;font-size:var(--font-size-xs);color:var(--color-grey);line-height:1.4}.pay-summary-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:#856404}.pay-summary-warning p{margin:0}.pay-summary-warning-link{display:inline-block;margin-top:var(--space-xs);color:var(--color-green);font-weight:600;text-decoration:none}.pay-summary-warning-link:hover{text-decoration:underline}@media(max-width:767px){.pay-row{padding:var(--space-md)}.pay-row-title,.pay-row-amount{font-size:var(--font-size-xs)}.pay-summary,.pay-summary-btn{padding:var(--space-sm) var(--space-md)}.pay-summary-impact-row{font-size:var(--font-size-xs)}}.accounting-page{display:flex;flex-direction:column;height:100%}.accounting-page .page-header{margin-bottom:var(--space-lg)}.accounting-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.page-description{font-size:var(--font-size-sm);color:var(--color-grey);margin:0 0 var(--space-md);max-width:540px;line-height:1.5}.no-company{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);background:var(--color-white);border-radius:var(--radius-lg)}.no-company p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.accounting-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-light-border)}.accounting-tab{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:600;color:var(--color-grey);cursor:pointer;transition:all var(--transition-fast)}.accounting-tab:hover{color:var(--color-dark-green)}.accounting-tab.active{color:var(--color-dark-green);border-bottom-color:var(--color-green)}.accounting-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-xs);background:var(--color-green);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700}.handle-section{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);overflow:hidden}.handle-section-content{padding:var(--space-md)}.handle-section-loading,.handle-section-empty{display:flex;align-items:center;justify-content:center;height:100px}.handle-section-empty p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0;text-align:center}.accounting-list{display:flex;flex-direction:column;gap:var(--space-sm)}.accounting-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);transition:all var(--transition-fast);cursor:pointer}.accounting-item:hover{border-color:var(--color-green);box-shadow:var(--shadow-md)}.accounting-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.accounting-item-title{font-weight:700;color:var(--color-dark-green);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accounting-item-meta{display:flex;align-items:center;gap:var(--space-sm)}.accounting-item-type{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-grey);font-weight:500}.accounting-item-type svg{flex-shrink:0;opacity:.7}.accounting-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.accounting-item-status{display:inline-flex;align-items:center;align-self:flex-start;padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;color:var(--color-white)}.accounting-item-status.status-draft{background:#bbb}.accounting-item-status.status-pending{background:#ff9500}.accounting-item-status.status-progress{background:#bbb}.accounting-item-status.status-approved{background:#ff9500}.accounting-item-status.status-booked{background:#34c759}.accounting-item-status.status-error{background:var(--color-red)}.accounting-item-amount{font-weight:700;font-size:var(--font-size-sm);color:var(--color-green);white-space:nowrap}.accounting-item-date{font-size:var(--font-size-xs);color:var(--color-grey)}@media(max-width:767px){.accounting-page .page-header h1{font-size:var(--font-size-xl)}.accounting-item{padding:var(--space-md)}.accounting-item-title,.accounting-item-amount{font-size:var(--font-size-xs)}}.account-page{max-width:700px}.account-page-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin-bottom:var(--space-xl)}.account-section{background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.account-section-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-green);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-light-border)}.account-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0}.account-row:not(:last-child){border-bottom:1px solid var(--color-lighter-grey)}.account-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green);margin-bottom:var(--space-xs)}.account-value{font-size:var(--font-size-sm);color:var(--color-black)}.account-value.muted{color:var(--color-grey)}.email-display{display:flex;align-items:center;gap:var(--space-md);flex:1}.email-edit-form{display:flex;gap:var(--space-sm);flex:1}.email-input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family)}.email-input:focus{outline:none;border-color:var(--color-green)}.btn-edit{padding:var(--space-sm) var(--space-md);background:transparent;color:var(--color-green);border:1px solid var(--color-green);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-edit:hover{background:var(--color-green);color:var(--color-white)}.btn-save{padding:var(--space-sm) var(--space-md);background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.btn-save:hover{background:var(--color-dark-green)}.btn-save:disabled{background:var(--color-light-grey);cursor:not-allowed}.btn-cancel{padding:var(--space-sm) var(--space-md);background:transparent;color:var(--color-grey);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover{border-color:var(--color-grey)}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0}.toggle-row:not(:last-child){border-bottom:1px solid var(--color-lighter-grey)}.toggle-label{font-size:var(--font-size-sm);color:var(--color-black)}.toggle{position:relative;width:48px;height:26px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--color-light-grey);border-radius:var(--radius-full);transition:background var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:var(--color-white);border-radius:var(--radius-full);transition:transform var(--transition-fast);box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-slider{background:var(--color-dark-green)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.company-list{display:flex;flex-direction:column;gap:var(--space-sm)}.company-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.company-item:hover{border-color:var(--color-green)}.company-item.active{background:var(--color-light-green);border-color:var(--color-dark-green)}.company-radio{width:20px;height:20px;border:2px solid var(--color-light-border);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.company-item.active .company-radio{border-color:var(--color-dark-green)}.company-radio-inner{width:10px;height:10px;background:var(--color-dark-green);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast)}.company-item.active .company-radio-inner{opacity:1}.company-name{font-weight:500;color:var(--color-black)}.company-item.active .company-name{color:var(--color-dark-green)}.vat-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.vat-btn{flex:1;padding:var(--space-md);background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-black);cursor:pointer;transition:all var(--transition-fast)}.vat-btn:hover{border-color:var(--color-green)}.vat-btn.active{background:var(--color-dark-green);border-color:var(--color-dark-green);color:var(--color-white)}.vat-btn:disabled{opacity:.5;cursor:not-allowed}.account-terms-link{text-align:center;margin-bottom:var(--space-lg)}.account-terms-link a{color:var(--color-green);font-size:var(--font-size-md);text-decoration:underline}.account-terms-link a:hover{color:var(--color-dark-green)}.logout-section{text-align:center}.btn-logout-full{width:100%;padding:var(--space-md);background:transparent;color:var(--color-red);border:1px solid var(--color-red);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-logout-full:hover{background:var(--color-red);color:var(--color-white)}.account-loading{display:flex;justify-content:center;padding:var(--space-xl)}.account-error{padding:var(--space-md);background:#de58581a;border-radius:var(--radius-md);color:var(--color-red);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.account-success{padding:var(--space-md);background:#007e861a;border-radius:var(--radius-md);color:var(--color-green);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}@media(max-width:768px){.vat-buttons,.email-edit-form{flex-direction:column}.account-row{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.aiwig-page{display:flex;flex-direction:column;height:calc(100vh - 112px);position:relative;overflow:hidden}@media(max-width:767px){.aiwig-page{height:calc(100vh - 96px)}}.copy-banner{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--color-green);color:var(--color-white);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);z-index:1000;animation:fadeInOut 1.5s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.aiwig-welcome{flex:1;overflow-y:auto;min-height:0}.aiwig-header{padding:var(--space-lg)}.aiwig-header .beta-notice{display:flex;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.aiwig-header .beta-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;padding:4px 8px;border-radius:var(--radius-sm);flex-shrink:0;text-transform:uppercase}.aiwig-header .beta-text{font-size:var(--font-size-xs);color:#92400e;line-height:1.4}.aiwig-header .header-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.aiwig-header .greeting-icon{width:80px;height:80px;flex-shrink:0}.aiwig-header .greeting-icon svg{width:100%;height:100%}.aiwig-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.aiwig-header .header-description{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-dark-grey);margin:0}.aiwig-header .header-description strong{color:var(--color-dark-green);font-weight:600}.tab-container{display:flex;border-bottom:1px solid var(--color-light-border);margin:var(--space-md) var(--space-lg) var(--space-sm)}.tab{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;flex:1;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-grey);border-bottom:2px solid transparent;transition:all var(--transition-fast)}.tab:hover{color:var(--color-dark-grey)}.tab.active{color:var(--color-green);border-bottom-color:var(--color-green);font-weight:600}.common-questions{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.question-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;background:var(--color-light-green-bg);color:var(--color-dark-green);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;text-align:left;transition:all var(--transition-fast)}.question-btn:hover{background:var(--color-white);box-shadow:0 2px 8px #0000001a}.common-questions-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.conversations-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.conversations-loading,.conversations-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-grey);font-size:var(--font-size-sm)}.conversation-item{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;background:var(--color-light-green-bg);color:var(--color-dark-green);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;text-align:left;transition:all var(--transition-fast)}.conversation-item:hover{background:var(--color-white);box-shadow:0 2px 8px #0000001a}.show-more-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;color:var(--color-green);font-size:var(--font-size-sm);font-weight:600;text-align:right;padding:var(--space-sm) 0;transition:color var(--transition-fast)}.show-more-btn:hover{color:var(--color-dark-green)}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.messages-list{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);min-height:0}.chat-message{display:flex}.chat-message.user{justify-content:flex-end}.chat-message.user .message-bubble{background:linear-gradient(135deg,var(--color-green) 0%,var(--color-dark-green) 100%);margin-left:40px;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg);box-shadow:0 2px 8px #13bcc940}.chat-message.user .message-text{color:var(--color-white);font-weight:500}.chat-message.ai{justify-content:flex-start}.chat-message.ai .message-bubble{background:var(--color-white);margin-right:40px;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm);border:1px solid var(--color-light-border)}.message-bubble{max-width:85%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md)}.message-bubble.loading{padding:var(--space-md) var(--space-lg)}.message-text{font-size:var(--font-size-sm);color:var(--color-dark-grey);margin:0;line-height:1.6}.message-markdown{font-size:var(--font-size-sm);color:var(--color-dark-grey);line-height:1.6}.message-markdown p{margin:0 0 var(--space-sm) 0}.message-markdown p:last-child{margin-bottom:0}.message-markdown h1,.message-markdown h2,.message-markdown h3{color:var(--color-dark-green);margin:var(--space-md) 0 var(--space-sm) 0}.message-markdown h1:first-child,.message-markdown h2:first-child,.message-markdown h3:first-child{margin-top:0}.message-markdown h1{font-size:var(--font-size-lg)}.message-markdown h2{font-size:var(--font-size-md)}.message-markdown h3{font-size:var(--font-size-sm)}.message-markdown ul,.message-markdown ol{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.message-markdown li{margin-bottom:var(--space-xs)}.message-markdown code{background:#0000000d;padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace;font-size:.9em}.message-markdown pre{background:#0000000d;padding:var(--space-md);border-radius:var(--radius-sm);overflow-x:auto}.message-markdown pre code{background:none;padding:0}.message-markdown strong{color:var(--color-dark-green);font-weight:600}.message-markdown a{color:var(--color-green);text-decoration:underline}.message-markdown table{width:100%;border-collapse:collapse;margin:var(--space-md) 0;font-size:var(--font-size-xs)}.message-markdown th,.message-markdown td{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-light-border);text-align:left}.message-markdown th{background:#00000008;font-weight:600;color:var(--color-dark-green)}.message-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(0,0,0,.05)}.action-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;padding:var(--space-xs);color:var(--color-grey);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.action-btn:hover{color:var(--color-green);background:#0000000d}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:8px;height:8px;background:var(--color-grey);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-form-container{background:var(--color-green);padding:var(--space-md) var(--space-lg);z-index:10;border-radius:var(--radius-lg);flex-shrink:0}@media(max-width:767px){.chat-form-container{padding:var(--space-sm) var(--space-md)}}.chat-form{display:flex;align-items:center;gap:var(--space-sm);width:100%}.new-chat-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;width:40px;height:40px;border-radius:50%;background:var(--color-white);color:var(--color-green);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.new-chat-btn:hover{transform:rotate(90deg)}.chat-input{flex:1;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-full);font-size:var(--font-size-sm);outline:none}.chat-input:disabled{background:var(--color-lighter-grey);opacity:.7}.chat-input::placeholder{color:var(--color-grey)}.chat-send-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;width:40px;height:40px;border-radius:50%;background:var(--color-dark-green);color:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn:not(:disabled):hover{background:var(--color-white);color:var(--color-dark-green)}.chat-send-btn svg{transform:translate(2px)}@media(max-width:767px){.aiwig-header{padding:var(--space-md)}.aiwig-header .beta-notice{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.aiwig-header h1{font-size:var(--font-size-xl)}.tab-container{margin:var(--space-sm) var(--space-md)}.common-questions,.conversations-list{padding:var(--space-sm) var(--space-md)}.messages-list{padding:var(--space-md)}.chat-message.user .message-bubble{margin-left:20px}.chat-message.ai .message-bubble{margin-right:20px}}.analysis-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.analysis-modal{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:360px;width:90%;text-align:center;animation:modalSlide .3s ease-out;box-shadow:var(--shadow-xl)}@keyframes modalSlide{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.analysis-icon{width:64px;height:64px;margin:0 auto var(--space-lg);color:var(--color-green);animation:pulse 2s ease-in-out infinite}.analysis-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.analysis-message{font-size:var(--font-size-sm);color:var(--color-dark-grey);line-height:1.6;margin:0 0 var(--space-xl) 0}.analysis-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.analysis-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast);width:100%}.analysis-btn.primary{background:var(--color-green);color:var(--color-white)}.analysis-btn.primary:hover{background:var(--color-dark-green)}.analysis-btn.secondary{background:var(--color-lighter-grey);color:var(--color-dark-grey)}.analysis-btn.secondary:hover{background:var(--color-light-border)}.pending-analysis-banner{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--color-yellow);color:var(--color-dark-green);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-md);cursor:pointer;z-index:100;animation:slideUp .3s ease-out}.pending-analysis-banner:hover{transform:translate(-50%) scale(1.02)}@media(max-width:767px){.pending-analysis-banner{bottom:90px;left:var(--space-md);right:var(--space-md);transform:none;justify-content:center}.pending-analysis-banner:hover{transform:scale(1.02)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.banner-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:var(--color-dark-green);border-radius:50%;animation:spin .8s linear infinite}.aiwig-notification-dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:var(--color-yellow);border:2px solid var(--color-white);border-radius:50%;animation:notificationPulse 2s ease-in-out infinite}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.thinking-indicator{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-grey);font-size:var(--font-size-sm)}.thinking-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}.message-bubble.thinking{background:var(--color-white);border:1px solid var(--color-light-border);margin-right:40px;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm)}.tool-message{background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-md);overflow:hidden;max-width:85%;margin-right:40px}.tool-header{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);width:280px;font-size:var(--font-size-sm);color:var(--color-dark-green);transition:background var(--transition-fast)}.tool-header:hover{background:#00000005}.tool-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:13px;margin-right:var(--space-xs);color:var(--color-grey)}.tool-icon svg{width:13px;height:13px}.tool-name{font-weight:600;flex:1;text-align:left}.tool-status{display:flex;align-items:center;margin-left:auto}.tool-details{border-top:1px solid var(--color-light-border);padding:var(--space-sm) var(--space-md)}.tool-section:not(:last-child){margin-bottom:var(--space-sm)}.tool-section-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-grey);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.tool-section-content{background:#00000008;padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);line-height:1.5;overflow-x:auto;margin:0;font-family:monospace;white-space:pre-wrap;word-break:break-word}.expert-bubble{background:linear-gradient(135deg,#f0f4ff,#e8eeff)!important;border:1px solid #a3b8e8!important}.expert-label{font-size:var(--font-size-xs);font-weight:700;color:#3b5998;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.needs-review-bubble{background:#fff8e1!important}.needs-review-header{margin-bottom:var(--space-md)}.needs-review-title{color:#b8860b;font-size:var(--font-size-sm);font-weight:600}.needs-review-subtitle{color:#999;font-size:11px;margin:2px 0 0}.removed-bubble{background:var(--color-lighter-grey)!important;border-color:var(--color-light-border)!important}.removed-text{color:var(--color-grey)!important;font-style:italic;font-size:var(--font-size-sm);margin:0}.error-bubble{background:#fff5f5!important;border-color:#fed7d7!important}.error-text{color:#c53030!important}.sensitive-warning{background:#fff8e1;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);max-width:85%;margin-right:40px}.sensitive-warning-header{margin-bottom:4px}.sensitive-warning-title{color:#b8860b;font-size:var(--font-size-sm);font-weight:600}.sensitive-warning-subtitle{color:#999;font-size:11px;margin:2px 0 0}.sensitive-warning-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6;margin:var(--space-sm) 0 0}.ask-questions{background:var(--color-white)!important;border:1px solid var(--color-light-border)!important}.ask-question-group:not(:last-child){margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-light-border)}.ask-question-text{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green);margin:0 0 var(--space-sm) 0}.ask-question-options{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.ask-question-option{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid var(--color-light-border);color:var(--color-dark-grey);background:var(--color-white);transition:all var(--transition-fast)}.ask-question-option:hover:not(:disabled){border-color:var(--color-green);color:var(--color-dark-green)}.ask-question-option.selected{background:var(--color-green);border-color:var(--color-green);color:var(--color-white);font-weight:600}.ask-question-option:disabled{opacity:.6;cursor:not-allowed}.ask-question-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast)}.ask-question-input:focus{border-color:var(--color-green)}.ask-question-input:disabled{background:var(--color-lighter-grey);opacity:.6}.ask-questions-submit{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background:var(--color-green);color:var(--color-white);font-size:var(--font-size-sm);font-weight:600;width:100%;transition:all var(--transition-fast)}.ask-questions-submit:hover:not(:disabled){background:var(--color-dark-green)}.ask-questions-submit:disabled{opacity:.5;cursor:not-allowed}.ask-questions-submitted{margin:var(--space-sm) 0 0;font-size:var(--font-size-xs);color:var(--color-green);font-weight:600;text-align:center}.analysis-detail-page{max-width:800px;padding:var(--space-lg)}@media(max-width:767px){.analysis-detail-page{padding:var(--space-md)}}.back-link{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-lg);transition:opacity var(--transition-fast)}.back-link:hover{opacity:.7}.back-link svg{width:18px;height:18px}.analysis-loading,.analysis-error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-2xl);text-align:center}.analysis-loading p,.analysis-error p{color:var(--color-grey);font-size:var(--font-size-sm);margin:0}.analysis-content-box{background:var(--color-yellow);border-radius:var(--radius-lg);overflow:hidden}.analysis-header{display:flex;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid rgba(240,179,84,.5)}@media(max-width:767px){.analysis-header{flex-direction:column}}.analysis-avatar svg{width:48px;height:48px}.analysis-meta{flex:1}.analysis-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-xs) 0;line-height:1.3}@media(max-width:767px){.analysis-title{font-size:var(--font-size-lg)}}.analysis-date{font-size:var(--font-size-sm);color:var(--color-dark-grey);margin:0}.analysis-body{padding:var(--space-lg)}.analysis-body h1{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.analysis-body h2{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--color-dark-green);margin:var(--space-lg) 0 var(--space-sm) 0}.analysis-body h3{font-size:var(--font-size-md);font-weight:600;color:var(--color-dark-green);margin:var(--space-md) 0 var(--space-sm) 0}.analysis-body p{font-size:var(--font-size-sm);color:var(--color-light-black);line-height:1.6;margin:0 0 var(--space-md) 0}.analysis-body ul,.analysis-body ol{margin:0 0 var(--space-md) 0;padding-left:var(--space-lg)}.analysis-body li{font-size:var(--font-size-sm);color:var(--color-light-black);line-height:1.6;margin-bottom:var(--space-xs)}.analysis-body strong{font-weight:600;color:var(--color-dark-grey)}.analysis-body em{font-style:italic}.analysis-body code{background:#00000014;padding:2px 6px;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:var(--font-size-xs)}.analysis-body pre{background:#00000014;padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin:0 0 var(--space-md) 0}.analysis-body pre code{background:none;padding:0}.analysis-body blockquote{border-left:3px solid var(--color-dark-green);padding-left:var(--space-md);margin:0 0 var(--space-md) 0;color:var(--color-dark-grey);font-style:italic}.analysis-body a{color:var(--color-dark-green);text-decoration:underline}.analysis-body a:hover{opacity:.7}.analysis-body hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:var(--space-lg) 0}.analysis-body table{width:100%;border-collapse:collapse;margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm)}.analysis-body th,.analysis-body td{padding:var(--space-sm);text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}.analysis-body th{font-weight:600;color:var(--color-dark-green)}.company-page{max-width:1200px}.company-page .page-header{margin-bottom:var(--space-xl)}.company-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.company-page .loading-container{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.company-page .empty-state{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl);text-align:center;color:var(--color-grey)}.account-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}@media(max-width:767px){.account-widgets{grid-template-columns:1fr}}.account-widget{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}@media(max-width:767px){.account-widget{padding:var(--space-md)}}.widget-label{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-grey);margin:0 0 var(--space-xs) 0}.widget-balance{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-xs) 0}.widget-balance.negative{color:var(--color-red)}@media(max-width:767px){.widget-balance{font-size:var(--font-size-lg)}}.widget-subtext{font-size:var(--font-size-xs);color:var(--color-grey);margin:0}.widget-cta-text{font-size:var(--font-size-sm);color:var(--color-dark-green);margin:0 0 var(--space-sm) 0}.widget-cta-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-green);color:var(--color-white);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.widget-cta-btn:hover{background:var(--color-dark-green)}.widget-cta-btn.add-bank{margin-top:var(--space-md)}.widget-cta-btn svg{width:14px;height:14px}.widget-link-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-green);font-size:var(--font-size-xs);font-weight:500;transition:color var(--transition-fast)}.widget-link-btn:hover{color:var(--color-dark-green)}.widget-link-btn svg{width:14px;height:14px}.widget-loading{padding:var(--space-md) 0}.widget-refreshing{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;font-size:var(--font-size-xs);color:var(--color-grey)}.widget-refreshing .spinner-small{width:14px;height:14px;border:2px solid var(--color-light-grey);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}.bank-group{margin-top:var(--space-sm);background:var(--color-lighter-grey, #f7f7f8);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.bank-group-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.bank-group-name{font-size:var(--font-size-xs);font-weight:600;color:var(--color-grey);text-transform:uppercase;letter-spacing:.5px}.consent-status-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;line-height:1.3;margin-left:auto}.consent-status-badge svg{flex-shrink:0;width:12px;height:12px}.consent-status-badge.ok{color:var(--color-green)}.consent-status-badge.warning{color:var(--color-orange, #e8a317)}.consent-status-badge.warning svg{stroke:var(--color-orange, #e8a317)}.consent-status-badge.expired,.consent-status-badge.invalid{color:var(--color-red, #d32f2f)}.consent-status-badge.expired svg,.consent-status-badge.invalid svg{stroke:var(--color-red, #d32f2f)}.bank-group-actions{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid var(--color-light-border);margin-top:var(--space-xs)}.bank-group-manage-btn{background:none;border:none;font-size:var(--font-size-xs);color:var(--color-green);cursor:pointer;padding:0;font-weight:500;white-space:nowrap}.bank-group-manage-btn:hover{text-decoration:underline}.bank-group-renew-btn{display:inline-flex;align-items:center;gap:3px;background:none;border:1px solid var(--color-orange, #e8a317);font-size:10px;color:var(--color-orange, #e8a317);cursor:pointer;padding:2px 8px;border-radius:var(--radius-sm);font-weight:500;white-space:nowrap;transition:all var(--transition-fast)}.bank-group-renew-btn svg{flex-shrink:0}.bank-group-renew-btn:hover{background:var(--color-orange, #e8a317);color:var(--color-white)}.bank-group-renew-btn:hover svg{stroke:var(--color-white)}.bank-accounts-list{display:flex;flex-direction:column;gap:0}.bank-account-row{padding:var(--space-xs) 0}.bank-account-row:first-child{padding-top:0}.bank-account-row:last-child{padding-bottom:0}.bank-account-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.bank-account-name{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-dark-grey)}.account-type-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-sm);line-height:1.4}.account-type-badge.transaction{background:var(--color-green);color:var(--color-white)}.account-type-badge.savings{background:var(--color-lighter-grey);color:var(--color-grey)}.bank-account-balance{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green)}.settlement-transactions{margin-top:var(--space-sm);background:var(--color-lighter-grey, #f7f7f8);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.settlement-transactions-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-grey);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-xs) 0}.settlement-transaction-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-light-border)}.settlement-transaction-row:last-child{border-bottom:none}.settlement-transaction-date{font-size:var(--font-size-xs);color:var(--color-dark-grey)}.settlement-transaction-amount{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green)}.analysis-section{margin-bottom:var(--space-xl)}.analysis-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-subtitle{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-green);margin:0}.analysis-box{background:var(--color-yellow);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;gap:var(--space-md)}@media(max-width:767px){.analysis-box{flex-direction:column}}.analysis-avatar{flex-shrink:0}@media(max-width:767px){.analysis-avatar{align-self:flex-start}}.avatar-placeholder{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:var(--color-dark-green);border-radius:50%;color:var(--color-white);font-weight:700;font-size:var(--font-size-sm)}.avatar-aiwig{display:flex;align-items:center;justify-content:center;width:45px;height:45px}.avatar-aiwig svg{width:40px;height:40px}.analysis-content{flex:1;min-width:0}.analysis-item{padding-bottom:var(--space-md);text-decoration:none;display:block}.analysis-item.with-border{border-bottom:1px solid rgba(240,179,84,.8);margin-bottom:var(--space-md)}.analysis-title{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--color-black);margin:0 0 var(--space-xs) 0}.analysis-teaser{font-size:var(--font-size-xs);color:var(--color-dark-grey);margin:0 0 var(--space-sm) 0;line-height:1.5}.analysis-read-more{font-size:var(--font-size-xs);font-weight:600;color:var(--color-dark-green);cursor:pointer;display:inline-block}.analysis-read-more:hover{text-decoration:underline}.quick-links-section{display:flex;flex-direction:column;gap:var(--space-md)}.quick-link-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.quick-link-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-link-card{padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);text-decoration:none}@media(max-width:767px){.quick-link-card{padding:var(--space-md)}}.quick-link-card>svg{width:20px;height:20px;color:var(--color-green)}.quick-link-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-light-green);border-radius:var(--radius-md);flex-shrink:0}.quick-link-icon svg{width:24px;height:24px;color:var(--color-dark-green)}.quick-link-label{flex:1;font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-md)}.keyfigures-section{margin-top:var(--space-xl)}.keyfigures-section .section-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.keyfigures-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.keyfigures-table{display:flex;flex-direction:column}.keyfigures-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--color-light-border);width:100%;background:none;border-left:none;border-right:none;border-top:none;text-align:left;font-family:inherit;font-size:inherit}.keyfigures-row:last-child{border-bottom:none}.keyfigures-row.clickable{cursor:pointer;transition:background var(--transition-fast);margin:0 calc(-1 * var(--space-md));padding:var(--space-md);border-radius:var(--radius-sm)}.keyfigures-row.clickable:hover{background:var(--color-lighter-grey)}.keyfigures-row.clickable:disabled{cursor:default}.keyfigures-row.clickable:disabled:hover{background:none}.keyfigures-row:disabled{opacity:1}.keyfigures-label{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-dark-grey);font-size:var(--font-size-sm)}.info-icon{width:16px;height:16px;flex-shrink:0}.keyfigures-value{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-sm)}.modal-overlay{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:#00000080;z-index:1000;padding:var(--space-md)}.modal-content{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:400px;width:100%;position:relative}.modal-close{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;position:absolute;top:var(--space-sm);right:var(--space-md);font-size:28px;color:var(--color-grey);line-height:1}.modal-close:hover{color:var(--color-dark-green)}.modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0;padding-right:var(--space-lg)}.modal-description{font-size:var(--font-size-sm);color:var(--color-dark-grey);line-height:1.6;margin:0}.analyser-list{display:flex;flex-direction:column;gap:var(--space-md)}.analyser-card{background:var(--color-yellow);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all var(--transition-fast)}.analyser-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analyser-card-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-black)}.announcement-company-label{display:inline-block;font-size:var(--font-size-xs);font-weight:500;padding:2px var(--space-sm);border-radius:var(--radius-sm);background:var(--color-lighter-grey);color:var(--color-dark-grey);margin-left:var(--space-xs);margin-bottom:var(--space-xs)}.announcement-modal-overlay{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:#00000080;z-index:1000;padding:var(--space-md)}.announcement-modal{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative}@media(max-width:767px){.announcement-modal{max-height:90vh;padding:var(--space-lg)}}.announcement-modal-close{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;position:absolute;top:var(--space-md);right:var(--space-md);font-size:28px;font-weight:700;color:var(--color-dark-green);line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.announcement-modal-close:hover{opacity:.7}.announcement-modal-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.announcement-modal-labels{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.announcement-modal-label{display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-lighter-grey);color:var(--color-black);text-transform:uppercase}.announcement-modal-label.warning{background:#febd5933;color:var(--color-orange-dark)}.announcement-modal-label.info{background:var(--color-light-blue-bg);color:var(--color-dark-green)}.announcement-modal-label.analysis,.announcement-modal-label.company_analysis{background:#ff950026;color:var(--color-orange-dark)}.announcement-modal-label.company{background:var(--color-lighter-grey);color:var(--color-dark-grey);font-weight:500}.announcement-modal-title{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:600;color:var(--color-dark-green);margin:0 0 var(--space-md) 0;padding-right:var(--space-xl)}.announcement-modal-message{font-size:var(--font-size-sm);color:var(--color-dark-grey);line-height:1.6;margin:0 0 var(--space-lg) 0;white-space:pre-wrap}.announcement-modal-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.announcement-modal-btn{background:none;border:none;padding:0;font-family:inherit;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.announcement-modal-btn.primary{background:var(--color-dark-green);color:var(--color-white)}.announcement-modal-btn.primary:hover{background:var(--color-green)}.announcement-modal-btn.secondary{background:var(--color-lighter-grey);color:var(--color-dark-green)}.announcement-modal-btn.secondary:hover{background:var(--color-light-grey)}.announcement-modal-btn:disabled{opacity:.6;cursor:not-allowed}.page-container{max-width:900px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.page-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.refresh-btn{padding:var(--space-sm) var(--space-md);background:var(--color-white);color:var(--color-green);border:1px solid var(--color-green);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.refresh-btn:hover{background:var(--color-green);color:var(--color-white)}.items-list{display:flex;flex-direction:column;gap:var(--space-md)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.announcement-list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);transition:box-shadow var(--transition-fast);cursor:pointer}.announcement-list-item:hover{box-shadow:var(--shadow-md)}.announcement-list-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;border:2px solid var(--color-dark-green);border-radius:var(--radius-md);overflow:hidden}.announcement-list-day{font-family:var(--font-family-heading);font-size:var(--font-size-xl);color:var(--color-dark-green);padding:var(--space-sm)}.announcement-list-month{background:var(--color-dark-green);color:var(--color-white);font-size:var(--font-size-xs);text-transform:uppercase;padding:var(--space-xs) var(--space-sm);width:100%;text-align:center}.announcement-list-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.announcement-list-content{flex:1}.announcement-list-label{display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-lighter-grey);color:var(--color-black);margin-bottom:var(--space-xs)}.announcement-list-label.warning{background:#febd5933;color:var(--color-orange-dark)}.announcement-list-label.info{background:var(--color-light-blue-bg);color:var(--color-dark-green)}.announcement-list-title{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-md)}.announcement-list-arrow{color:var(--color-green);flex-shrink:0}.announcement-list-arrow svg{width:20px;height:20px}.tip-grid-item{background:var(--color-lighter-green);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;text-align:left;width:100%;font-family:inherit;display:block}.tip-grid-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tip-grid-item:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.tip-grid-category{font-size:var(--font-size-xs);font-weight:600;color:var(--color-dark-green);text-transform:uppercase;margin-bottom:var(--space-sm)}.tip-grid-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}.tip-grid-arrow{display:flex;justify-content:flex-end}.tip-grid-arrow svg{width:24px;height:24px;color:var(--color-dark-green)}.completed-todo-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.completed-todo-check{width:24px;height:24px;background:var(--color-dark-green);border:2px solid var(--color-dark-green);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all var(--transition-fast);padding:0}.completed-todo-check:hover{transform:scale(1.1);background:var(--color-green);border-color:var(--color-green)}.completed-todo-check svg{width:14px;height:14px;color:var(--color-white)}.completed-todo-card{flex:1;display:flex;align-items:center;background:var(--color-white);border-radius:15px;padding:10px 12px 10px 20px;opacity:.7;transition:opacity var(--transition-fast),box-shadow var(--transition-fast)}.completed-todo-card:hover{opacity:.85;box-shadow:var(--shadow-sm)}.completed-todo-content{flex:1;min-width:0}.completed-todo-title{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-sm);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-todo-date{font-size:var(--font-size-xs);color:var(--color-grey)}.completed-todo-menu-wrapper{position:relative;flex-shrink:0}.completed-todo-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-grey);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:0}.completed-todo-menu-btn:hover{color:var(--color-dark-green);background:var(--color-lighter-grey)}.completed-todo-menu-btn svg{width:18px;height:18px}.completed-todo-action-menu{position:absolute;right:0;top:100%;z-index:50;background:var(--color-white);border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:160px;padding:4px 0;animation:completedMenuIn .15s ease-out}@keyframes completedMenuIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.completed-todo-action-menu button{display:block;width:100%;text-align:left;background:none;border:none;padding:12px 20px;font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-dark-green);cursor:pointer;transition:background var(--transition-fast)}.completed-todo-action-menu button:not(:last-child){border-bottom:1px solid var(--color-light-border)}.completed-todo-action-menu button:hover{background:var(--color-lighter-grey)}.completed-todo-action-menu button.danger{color:var(--color-red)}.todos-page .todo-list{margin-bottom:var(--space-xl)}.todos-completed-section{margin-top:var(--space-lg);border-top:1px solid var(--color-light-border);padding-top:var(--space-md)}.todos-completed-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:var(--space-sm) 0;cursor:pointer;font-family:var(--font-family);margin-bottom:var(--space-md)}.todos-completed-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;color:var(--color-grey)}.todos-completed-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-xs);background:var(--color-lighter-grey);color:var(--color-grey);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.todos-completed-chevron{width:20px;height:20px;color:var(--color-grey);transition:transform var(--transition-fast)}.todos-completed-chevron.expanded{transform:rotate(180deg)}.todos-completed-list{animation:todoMenuIn .15s ease-out}.page-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.page-empty{text-align:center;padding:var(--space-3xl);color:var(--color-grey)}.page-empty-icon{width:64px;height:64px;margin:0 auto var(--space-lg);color:var(--color-light-grey)}.page-empty-text{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.page-empty-subtext{font-size:var(--font-size-sm)}.page-error{text-align:center;padding:var(--space-xl);background:#de58581a;border-radius:var(--radius-lg);color:var(--color-red)}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.items-grid{grid-template-columns:1fr}}.bcm-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:bcmFadeIn .2s ease-out}@keyframes bcmFadeIn{0%{opacity:0}to{opacity:1}}.bcm-container{width:100%;max-width:520px;height:100%;background:var(--color-white);display:flex;flex-direction:column;animation:bcmSlideIn .3s ease-out;box-shadow:-8px 0 32px #00000026}@media(max-width:767px){.bcm-container{max-width:100%}}@keyframes bcmSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.bcm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--color-light-border);background:linear-gradient(135deg,var(--color-lighter-green) 0%,var(--color-white) 100%)}.bcm-header-content{flex:1}.bcm-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-xs) 0}.bcm-subtitle{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-grey);margin:0}.bcm-close{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-white);color:var(--color-grey);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;margin-left:var(--space-md);box-shadow:0 2px 8px #00000014}.bcm-close:hover{background:var(--color-dark-green);color:var(--color-white)}.bcm-close svg{width:18px;height:18px}.bcm-steps-indicator{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);gap:0}.bcm-step-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-lighter-grey);color:var(--color-grey);font-size:var(--font-size-xs);font-weight:600;flex-shrink:0;transition:all var(--transition-fast)}.bcm-step-dot.active{background:var(--color-green);color:var(--color-white)}.bcm-step-dot.completed{background:var(--color-dark-green);color:var(--color-white)}.bcm-step-dot.completed svg{width:16px;height:16px}.bcm-step-line{height:2px;width:40px;background:var(--color-light-border)}.bcm-body{flex:1;overflow-y:auto;padding:var(--space-lg)}.bcm-step{display:flex;flex-direction:column;gap:var(--space-sm)}.bcm-step-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green);margin:0}.bcm-step-description{font-size:var(--font-size-sm);color:var(--color-grey);margin:0 0 var(--space-sm) 0;line-height:1.5}.bcm-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-2xl)}.bcm-loading p{color:var(--color-grey);font-size:var(--font-size-sm);margin:0}.bcm-bank-list{display:flex;flex-direction:column;gap:var(--space-xs)}.bcm-bank-item{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-lighter-grey);border-radius:var(--radius-md);transition:all var(--transition-fast)}.bcm-bank-item:hover{background:var(--color-lighter-green);box-shadow:0 2px 8px #0000000f}.bcm-bank-item svg{width:18px;height:18px;color:var(--color-green);flex-shrink:0}.bcm-bank-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green)}.bcm-bankid-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-xl) 0}.bcm-qr-container{display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 4px 16px #00000014}.bcm-qr-image{width:200px;height:200px;display:block}.bcm-bankid-spinner{padding:var(--space-xl)}.bcm-bankid-status{font-size:var(--font-size-md);font-weight:600;color:var(--color-dark-green);margin:0;text-align:center}.bcm-bankid-hint{font-size:var(--font-size-sm);color:var(--color-grey);margin:0;text-align:center;line-height:1.5}.bcm-error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);text-align:center}.bcm-error p{color:var(--color-red);font-size:var(--font-size-sm);margin:0}.bcm-retry-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;background:var(--color-green);color:var(--color-white);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:background var(--transition-fast)}.bcm-retry-btn:hover{background:var(--color-dark-green)}.bcm-inline-error p{color:var(--color-red);font-size:var(--font-size-xs);margin:0;text-align:center}.bcm-account-list{display:flex;flex-direction:column;gap:var(--space-sm)}.bcm-account-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-lighter-grey);border-radius:var(--radius-md);transition:all var(--transition-fast)}.bcm-account-row.selected{background:var(--color-lighter-green)}.bcm-account-row.deselected{opacity:.6}.bcm-account-checkbox{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;flex-shrink:0}.bcm-checkbox{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid var(--color-grey);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.bcm-checkbox.checked{background:var(--color-green);border-color:var(--color-green);color:var(--color-white)}.bcm-checkbox.checked svg{width:14px;height:14px}.bcm-account-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.bcm-account-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green)}.bcm-account-bban{font-size:var(--font-size-xs);color:var(--color-grey)}.bcm-account-balance{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark-green)}.bcm-radio-container{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;flex-shrink:0}.bcm-radio-container:disabled{cursor:default}.bcm-radio{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid var(--color-green);border-radius:var(--radius-full);transition:all var(--transition-fast)}.bcm-radio.disabled{border-color:var(--color-grey);opacity:.4}.bcm-radio.active{border-color:var(--color-green)}.bcm-radio-dot{width:12px;height:12px;background:var(--color-green);border-radius:var(--radius-full)}.bcm-radio-label{font-size:10px;color:var(--color-grey);font-weight:500}.bcm-radio-label.active{color:var(--color-green);font-weight:700}.bcm-radio-label.disabled{opacity:.4}.bcm-footer-hint{font-size:var(--font-size-xs);color:var(--color-grey);text-align:center;margin:var(--space-sm) 0;line-height:1.4}.bcm-actions{padding-top:var(--space-md)}.bcm-save-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;width:100%;background:var(--color-green);color:var(--color-white);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;transition:all var(--transition-fast)}.bcm-save-btn:hover:not(:disabled){background:var(--color-dark-green)}.bcm-save-btn:disabled{opacity:.5;cursor:not-allowed}.bcm-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.bcm-empty p{color:var(--color-grey);font-size:var(--font-size-sm);margin:0}.transactions-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:transactionsModalFadeIn .2s ease-out}@keyframes transactionsModalFadeIn{0%{opacity:0}to{opacity:1}}.transactions-modal-container{width:100%;max-width:840px;height:100%;background:var(--color-white);display:flex;flex-direction:column;animation:transactionsModalSlideIn .3s ease-out;box-shadow:-8px 0 32px #00000026}@media(max-width:767px){.transactions-modal-container{max-width:100%}}@keyframes transactionsModalSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.transactions-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--color-light-border);background:linear-gradient(135deg,var(--color-lighter-green) 0%,var(--color-white) 100%)}.transactions-modal-header-content{flex:1}.transactions-modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-xs) 0}.transactions-modal-subtitle-text{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-grey);margin:0 0 var(--space-xs) 0}.transactions-modal-count{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.transactions-modal-close{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-white);color:var(--color-grey);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;margin-left:var(--space-md);box-shadow:0 2px 8px #00000014}.transactions-modal-close:hover{background:var(--color-dark-green);color:var(--color-white)}.transactions-modal-close svg{width:18px;height:18px}.transactions-modal-body{flex:1;overflow-y:auto;padding:var(--space-lg)}.transactions-modal-loading,.transactions-modal-error,.transactions-modal-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-2xl);text-align:center}.transactions-modal-loading p,.transactions-modal-error p,.transactions-modal-empty p{color:var(--color-grey);font-size:var(--font-size-sm);margin:0}.transactions-list{display:flex;flex-direction:column;gap:var(--space-xs)}.transaction-section{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.transaction-section:last-child{margin-bottom:0}.section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-green);text-transform:uppercase;letter-spacing:.05em;margin:0;padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-lighter-green)}.section-items{display:flex;flex-direction:column;gap:var(--space-xs)}.transaction-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--color-lighter-grey);border-radius:var(--radius-md);transition:all var(--transition-fast)}.transaction-item:hover{background:var(--color-white);box-shadow:0 2px 12px #0000000f}.transaction-info{flex:1;min-width:0}.transaction-text{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green);margin:0 0 var(--space-xs) 0;line-height:1.4}.transaction-date{font-size:var(--font-size-xs);color:var(--color-grey);margin:0}.transaction-amount{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:600;margin:0;flex-shrink:0;text-align:right}.transaction-amount.positive{color:var(--color-success, #22c55e)}.transaction-amount.negative{color:var(--color-red)}.action-menu-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--color-green);transition:all var(--transition-fast);flex-shrink:0}.action-menu-trigger:hover{background:var(--color-lighter-grey)}.action-menu-trigger.active{background:var(--color-light-green)}.action-menu-trigger:focus-visible{outline:2px solid var(--color-turquoise);outline-offset:2px}.action-menu-overlay{position:fixed;inset:0;z-index:9999;background:transparent}.action-menu-dropdown{position:fixed;z-index:10000;background:#f5f3ef;border-radius:20px;box-shadow:0 8px 32px #005e6126,0 2px 8px #00000014;min-width:200px;max-width:280px;padding:8px 0;animation:actionMenuSlideIn .2s ease-out}@keyframes actionMenuSlideIn{0%{opacity:0;transform:translate(8px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.action-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 24px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background var(--transition-fast);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:500;color:var(--color-green)}.action-menu-item:hover{background:#007e8614}.action-menu-item:focus-visible{outline:none;background:#007e861f}.action-menu-item.danger,.action-menu-item.danger .action-menu-item-icon{color:var(--color-red)}.action-menu-item.danger:hover{background:#d54c4c14}.action-menu-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--color-dark-green)}.action-menu-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>.action-menu-overlay{z-index:99999}@media(max-width:640px){.action-menu-dropdown{min-width:180px;max-width:240px;border-radius:16px}.action-menu-item{padding:12px 20px;font-size:var(--font-size-sm)}}.confirm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn .15s ease-out}.confirm-modal{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:400px;width:100%;box-shadow:0 8px 32px #00000026;animation:slideUp .2s ease-out}.confirm-modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);color:var(--color-dark-green);margin:0 0 var(--space-sm) 0;text-align:center}.confirm-modal-message{font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--color-grey);margin:0 0 var(--space-lg) 0;text-align:center;line-height:1.5}.confirm-modal-actions{display:flex;gap:var(--space-md)}.confirm-modal-actions button{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px}.confirm-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-actions .cancel-btn{background:var(--color-white);color:var(--color-dark-green);border:1px solid var(--color-light-border)}.confirm-modal-actions .cancel-btn:hover:not(:disabled){background:var(--color-lighter-grey)}.confirm-modal-actions .confirm-btn{background:var(--color-dark-green);color:var(--color-white);border:none}.confirm-modal-actions .confirm-btn:hover:not(:disabled){background:var(--color-green)}.confirm-modal-actions .confirm-btn.danger{background:var(--color-red)}.confirm-modal-actions .confirm-btn.danger:hover:not(:disabled){background:#c0392b}.document-viewer-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#000000b3;animation:docViewerFadeIn .15s ease-out}.document-viewer-notice{padding:var(--space-md);margin:0 var(--space-md) var(--space-md);background:#fff5f5;border:1px solid #de5858;border-radius:var(--radius-md);color:#a8281f;font-size:var(--font-size-sm)}.document-viewer-notice .notice-title{font-weight:700;margin-bottom:var(--space-xs)}.document-viewer-modal{display:flex;flex-direction:column;width:100%;max-width:900px;max-height:90vh;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:docViewerScaleIn .2s ease-out}.document-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-light-border);flex-shrink:0;background:var(--color-white)}.document-viewer-header h2{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-viewer-header .close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-grey);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.document-viewer-header .close-btn:hover{background:var(--color-lighter-grey);color:var(--color-dark-green)}.document-viewer-content{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--color-lighter-grey);overflow:hidden}.document-viewer-loading,.document-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);height:100%;min-height:400px;padding:var(--space-2xl);text-align:center}.document-viewer-loading p,.document-viewer-error p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0;max-width:300px}.document-viewer-loading svg,.document-viewer-error svg{color:var(--color-light-border)}.document-viewer-error .retry-btn{padding:var(--space-sm) var(--space-xl);margin-top:var(--space-sm);background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.document-viewer-error .retry-btn:hover{background:var(--color-dark-green)}.document-viewer-display{display:flex;flex-direction:column;height:100%;min-height:400px}.document-viewer-display iframe{flex:1;width:100%;border:none;background:var(--color-white)}.document-viewer-display .image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);overflow:auto;background:#1a1a1a}.document-viewer-display .image-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 4px 24px #0000004d}.document-viewer-actions{display:flex;justify-content:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-white);border-top:1px solid var(--color-light-border);flex-shrink:0}.download-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green);cursor:pointer;transition:all var(--transition-fast)}.download-btn:hover{border-color:var(--color-green);color:var(--color-green);background:var(--color-light-green)}.spinner{width:32px;height:32px;border:3px solid var(--color-lighter-grey);border-top-color:var(--color-green);border-radius:50%;animation:docViewerSpin .8s linear infinite}@keyframes docViewerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes docViewerScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes docViewerSpin{to{transform:rotate(360deg)}}@media(max-width:767px){.document-viewer-overlay{padding:0}.document-viewer-modal{max-width:none;max-height:none;height:100vh;border-radius:0}.document-viewer-header h2{font-size:var(--font-size-md)}.document-viewer-display{min-height:0}.document-viewer-display .image-container{padding:var(--space-md)}}.reminder-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn .15s ease-out}.reminder-modal{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:480px;width:100%;box-shadow:0 8px 32px #00000026;animation:slideUp .2s ease-out}.reminder-modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);color:var(--color-dark-green);margin:0 0 var(--space-xs) 0;text-align:center}.reminder-modal-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--color-grey);margin:0 0 var(--space-md) 0;text-align:center}.reminder-info{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#e74c3c1a;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.reminder-info svg{color:var(--color-red);flex-shrink:0}.reminder-info span{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-red)}.reminder-form{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.reminder-form .form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.reminder-form .form-field label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green)}.reminder-form .form-field input,.reminder-form .form-field textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--color-dark-green);transition:border-color .2s ease}.reminder-form .form-field input:focus,.reminder-form .form-field textarea:focus{outline:none;border-color:var(--color-green)}.reminder-form .form-field input:disabled,.reminder-form .form-field textarea:disabled{background:var(--color-lighter-grey);cursor:not-allowed}.reminder-form .form-field input.error,.reminder-form .form-field textarea.error{border-color:var(--color-red)}.reminder-form .form-field input::placeholder,.reminder-form .form-field textarea::placeholder{color:var(--color-grey)}.reminder-form .form-field textarea{resize:vertical;min-height:100px}.reminder-form .form-field .field-error{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-red)}.reminder-modal-actions{display:flex;gap:var(--space-md)}.reminder-modal-actions button{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px}.reminder-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.reminder-modal-actions .cancel-btn{background:var(--color-white);color:var(--color-dark-green);border:1px solid var(--color-light-border)}.reminder-modal-actions .cancel-btn:hover:not(:disabled){background:var(--color-lighter-grey)}.reminder-modal-actions .confirm-btn{background:var(--color-dark-green);color:var(--color-white);border:none}.reminder-modal-actions .confirm-btn:hover:not(:disabled){background:var(--color-green)}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.customer-invoices-page{display:flex;flex-direction:column;height:100%;gap:var(--space-lg)}.customer-invoices-page .page-header{display:flex;align-items:flex-end;justify-content:space-between}.customer-invoices-page .page-header .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.customer-invoices-page .page-header .back-link:hover{opacity:.7}.customer-invoices-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.invoice-count{font-size:var(--font-size-sm);color:var(--color-grey);font-weight:500;padding-bottom:.25rem}.customer-invoices-page .filters-section{display:flex;gap:var(--space-sm);align-items:center}.customer-invoices-page .filters-section .search-wrapper{flex:1}.customer-invoices-page .filters-section .search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-white);color:var(--color-text)}.customer-invoices-page .filters-section .search-input::placeholder{color:var(--color-grey)}.customer-invoices-page .filters-section .search-input:focus{outline:none;border-color:var(--color-green)}.customer-invoices-page .filters-section .filter-button{padding:.75rem 1.5rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.customer-invoices-page .filters-section .filter-button:hover{background:var(--color-light-bg)}.customer-invoices-page .filters-section .filter-button.active{background:var(--color-white);color:var(--color-green);border-color:var(--color-green);border-width:2px;font-weight:600}.customer-invoices-page .filters-section .clear-filters-button{padding:.75rem 1rem;background:transparent;border:none;color:var(--color-grey);font-size:var(--font-size-sm);cursor:pointer;transition:color .2s;white-space:nowrap}.customer-invoices-page .filters-section .clear-filters-button:hover{color:var(--color-text)}.customer-invoices-page .filter-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.customer-invoices-page .filter-modal .filter-modal-content{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:420px;width:90%;max-height:80vh;overflow-y:auto}.customer-invoices-page .filter-modal .filter-modal-content h3{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-lg) 0;text-align:center}.customer-invoices-page .filter-modal .filter-modal-content .filter-option{width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);cursor:pointer;transition:background .2s;text-align:center;margin-bottom:var(--space-xs)}.customer-invoices-page .filter-modal .filter-modal-content .filter-option:hover{background:var(--color-light-bg)}.customer-invoices-page .filter-modal .filter-modal-content .filter-option.selected{background:var(--color-green);color:var(--color-white)}.customer-invoices-page .filter-modal .filter-modal-content .filter-cancel-button{width:100%;padding:.75rem 1rem;background:var(--color-light-bg);border:none;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);font-weight:500;cursor:pointer;margin-top:var(--space-md);transition:background .2s}.customer-invoices-page .filter-modal .filter-modal-content .filter-cancel-button:hover{background:var(--color-border)}.customer-invoices-page .invoice-list-container{flex:1;overflow-y:auto}.invoice-list{display:flex;flex-direction:column;gap:var(--space-sm)}.invoice-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);transition:all var(--transition-fast);cursor:pointer}.invoice-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-green)}.invoice-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.invoice-item-title{font-weight:700;color:var(--color-dark-green);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.invoice-item-status{display:inline-flex;align-items:center;align-self:flex-start;padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;color:var(--color-white)}.invoice-item-status.status-draft{background:#b0b0b0}.invoice-item-status.status-unpaid{background:#ff9500}.invoice-item-status.status-overdue{background:var(--color-red)}.invoice-item-status.status-paid{background:#34c759}.invoice-item-status.status-credit{background:#8e44ad}.invoice-item-amount{font-weight:500;font-size:var(--font-size-sm);color:var(--color-dark-green);white-space:nowrap}.invoice-item-date{font-size:var(--font-size-xs);color:var(--color-grey)}.customer-invoices-page .loading-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-grey)}.customer-invoices-page .loading-state .spinner{width:32px;height:32px;border:3px solid var(--color-lighter-grey);border-top-color:var(--color-green);border-radius:50%;animation:customer-invoices-spin .8s linear infinite}.customer-invoices-page .loading-state p{font-size:var(--font-size-sm);margin:0}.customer-invoices-page .empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-2xl);text-align:center}.customer-invoices-page .empty-state p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}@keyframes customer-invoices-spin{to{transform:rotate(360deg)}}.customer-invoices-page .pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;margin-top:var(--space-md)}.customer-invoices-page .pagination-controls .pagination-button{padding:.5rem 1rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-dark-green);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.customer-invoices-page .pagination-controls .pagination-button:hover:not(:disabled){background:var(--color-light-bg);border-color:var(--color-green)}.customer-invoices-page .pagination-controls .pagination-button:disabled{opacity:.5;cursor:not-allowed}.customer-invoices-page .pagination-controls .pagination-info{font-size:var(--font-size-sm);color:var(--color-grey)}@media(max-width:767px){.customer-invoices-page .page-header .page-header-title h1{font-size:var(--font-size-xl)}.customer-invoices-page .filters-section{flex-direction:column}.customer-invoices-page .filters-section .search-wrapper,.customer-invoices-page .filters-section .filter-button,.customer-invoices-page .filters-section .clear-filters-button{width:100%}.invoice-item{flex-direction:column}.invoice-item .invoice-item-right{width:100%;flex-direction:row;justify-content:space-between}.customer-invoices-page .pagination-controls{gap:var(--space-sm)}.customer-invoices-page .pagination-controls .pagination-button{padding:.5rem .75rem;font-size:var(--font-size-xs)}.customer-invoices-page .pagination-controls .pagination-info{font-size:var(--font-size-xs)}}.customers-page{display:flex;flex-direction:column;height:100%}.customers-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-lg)}.customers-page .page-header .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.customers-page .page-header .back-link:hover{opacity:.7}.customers-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.customers-page .page-header .header-actions{display:flex;align-items:center;gap:1rem}.customers-page .page-header .create-button{background:var(--color-dark-green);color:#fff;padding:.5rem 1.5rem;border-radius:1.25rem;text-decoration:none;font-weight:600;font-size:.95rem;transition:background-color .2s;white-space:nowrap}.customers-page .page-header .create-button:hover{background:var(--color-green)}.customer-count{font-size:var(--font-size-sm);color:var(--color-grey);font-weight:500;padding-bottom:.25rem}.search-container{margin-bottom:var(--space-lg)}.search-input-wrapper{position:relative;max-width:400px}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-grey);pointer-events:none}.search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 28px);padding-right:calc(var(--space-md) + 28px);border:2px solid var(--color-light-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:var(--color-white);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px rgba(var(--color-green-rgb),.1)}.search-input::placeholder{color:var(--color-grey)}.search-clear{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--color-lighter-grey);border-radius:var(--radius-full);color:var(--color-grey);cursor:pointer;transition:all var(--transition-fast)}.search-clear:hover{background:var(--color-light-border);color:var(--color-dark-grey)}.customers-list-container{flex:1;overflow-y:auto}.customers-list{display:flex;flex-direction:column;gap:var(--space-sm)}.customer-item{display:flex;align-items:center;gap:var(--space-md);background:var(--color-white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);transition:all var(--transition-fast);cursor:pointer}.customer-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-green)}.customer-item-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--color-green),var(--color-dark-green));border-radius:var(--radius-full);color:var(--color-white);font-weight:700;font-size:var(--font-size-md);flex-shrink:0}.customer-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.customer-item-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.customer-item-name{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-sm)}.customer-item-type{font-size:var(--font-size-xs);color:var(--color-green);background:var(--color-lighter-grey);padding:2px var(--space-sm);border-radius:var(--radius-full)}.customer-item-details{display:flex;flex-direction:column;gap:2px}.customer-item-email{font-size:var(--font-size-xs);color:var(--color-green)}.customer-item-address{font-size:var(--font-size-xs);color:var(--color-grey);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.customer-item-number{font-size:var(--font-size-xs);font-weight:600;color:var(--color-dark-green)}.customer-item-org{font-size:var(--font-size-xs);color:var(--color-grey)}@media(max-width:767px){.customers-page .page-header h1{font-size:var(--font-size-xl)}.customer-item{padding:var(--space-md);flex-wrap:wrap}.customer-item-avatar{width:36px;height:36px;font-size:var(--font-size-sm)}.customer-item-name{font-size:var(--font-size-xs)}.customer-item-right{width:100%;flex-direction:row;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-lighter-grey)}}.tip-modal-overlay{position:fixed;inset:0;background:#00231e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:tipModalFadeIn .2s ease-out}@keyframes tipModalFadeIn{0%{opacity:0}to{opacity:1}}.tip-modal{background:var(--color-white);border-radius:var(--radius-xl);max-width:640px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:tipModalSlideIn .3s ease-out;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}@keyframes tipModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tip-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--color-lighter-green) 0%,var(--color-light-green) 100%);border-bottom:1px solid rgba(0,0,0,.05)}.tip-modal-icon{width:48px;height:48px;background:var(--color-dark-green);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0064504d}.tip-modal-icon svg{width:28px;height:28px;color:var(--color-light-green)}.tip-modal-close{width:40px;height:40px;background:var(--color-white);border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-dark-green);transition:all var(--transition-fast);box-shadow:0 2px 8px #00000014}.tip-modal-close:hover{background:var(--color-dark-green);color:var(--color-white);transform:scale(1.05)}.tip-modal-close svg{width:20px;height:20px}.tip-modal-content{padding:var(--space-xl);overflow-y:auto;flex:1}.tip-modal-topic{font-size:var(--font-size-sm);color:var(--color-grey);margin:0 0 var(--space-sm) 0;letter-spacing:.02em}.tip-modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-lg) 0;line-height:var(--line-height-tight)}.tip-modal-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-light-border)}.tip-modal-category{font-size:var(--font-size-xs);font-weight:600;color:var(--color-dark-green);text-transform:uppercase;letter-spacing:.05em;background:var(--color-lighter-green);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.tip-modal-actions{display:flex;gap:var(--space-sm)}.tip-action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1.5px solid var(--color-dark-green);border-radius:var(--radius-md);background:transparent;color:var(--color-dark-green);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tip-action-btn svg{width:18px;height:18px;flex-shrink:0}.tip-action-btn:hover:not(:disabled){background:var(--color-dark-green);color:var(--color-white)}.tip-action-btn:disabled{opacity:.6;cursor:not-allowed}.tip-action-btn.saved{background:var(--color-dark-green);color:var(--color-white)}.tip-action-btn.saved svg{color:var(--color-light-green)}.tip-action-btn.saved:hover:not(:disabled){background:var(--color-green)}.tip-action-btn.ignore{border-color:var(--color-grey);color:var(--color-grey)}.tip-action-btn.ignore:hover:not(:disabled){border-color:var(--color-red);background:var(--color-red);color:var(--color-white)}.tip-modal-body{font-size:var(--font-size-md);line-height:1.7;color:var(--color-dark-grey)}.tip-modal-body h1,.tip-modal-body h2,.tip-modal-body h3,.tip-modal-body h4,.tip-modal-body h5,.tip-modal-body h6{font-family:var(--font-family-heading);color:var(--color-dark-green);margin-top:var(--space-lg);margin-bottom:var(--space-sm);line-height:1.3}.tip-modal-body h1{font-size:var(--font-size-xl)}.tip-modal-body h2{font-size:var(--font-size-lg)}.tip-modal-body h3{font-size:var(--font-size-md);font-weight:600}.tip-modal-body p{margin:0 0 var(--space-md) 0}.tip-modal-body p:last-child{margin-bottom:0}.tip-modal-body ul,.tip-modal-body ol{margin:0 0 var(--space-md) 0;padding-left:var(--space-xl)}.tip-modal-body li{margin-bottom:var(--space-xs)}.tip-modal-body strong{font-weight:600;color:var(--color-black)}.tip-modal-body em{font-style:italic}.tip-modal-body a{color:var(--color-green);text-decoration:underline;text-underline-offset:2px}.tip-modal-body a:hover{color:var(--color-dark-green)}.tip-modal-body code{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9em;background:var(--color-lighter-grey);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-dark-green)}.tip-modal-body pre{background:var(--color-lighter-grey);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin:0 0 var(--space-md) 0}.tip-modal-body pre code{background:none;padding:0}.tip-modal-body blockquote{border-left:3px solid var(--color-green);margin:0 0 var(--space-md) 0;padding-left:var(--space-md);color:var(--color-grey);font-style:italic}.tip-modal-body hr{border:none;border-top:1px solid var(--color-light-border);margin:var(--space-lg) 0}.tip-undo-notification{position:absolute;bottom:var(--space-lg);left:var(--space-lg);right:var(--space-lg);background:var(--color-dark-green);color:var(--color-white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);animation:slideUp .3s ease-out;box-shadow:0 10px 40px #0000004d}.tip-undo-notification span{font-size:var(--font-size-sm)}.tip-undo-notification button{background:transparent;border:1.5px solid var(--color-light-green);color:var(--color-light-green);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.03em}.tip-undo-notification button:hover{background:var(--color-light-green);color:var(--color-dark-green)}@media(max-width:640px){.tip-modal-overlay{padding:var(--space-md);align-items:flex-end}.tip-modal{max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.tip-modal-header{padding:var(--space-md) var(--space-lg)}.tip-modal-content{padding:var(--space-lg)}.tip-modal-title{font-size:var(--font-size-xl)}.tip-modal-meta{flex-direction:column;align-items:flex-start}.tip-modal-actions{width:100%}.tip-action-btn{flex:1;justify-content:center}}@media(prefers-reduced-motion:reduce){.tip-modal-overlay,.tip-modal,.tip-undo-notification{animation:none}.tip-modal-close,.tip-action-btn{transition:none}}.dashboard-page{min-height:100vh;background:var(--color-lighter-grey)}.dashboard-header{background:var(--color-white);padding:var(--space-lg) var(--space-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.user-avatar{width:40px;height:40px;background:var(--color-light-green);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-green);font-weight:600;font-size:var(--font-size-sm)}.user-name{font-weight:500;color:var(--color-black)}.btn-logout{background:transparent;color:var(--color-grey);border:1px solid var(--color-light-border);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.dashboard-content{max-width:1200px;margin:0 auto;padding:var(--space-xl)}.greeting-section{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.greeting-icon{width:80px;height:80px;flex-shrink:0}.greeting-icon svg{width:100%;height:100%}.greeting-text h2{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:700;color:var(--color-dark-green);margin:0}.section-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.section-title{display:inline-flex;align-items:center;font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-black);margin:0}.section-link{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-green);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.section-link:hover{color:var(--color-dark-green)}.section-link svg{width:16px;height:16px}.announcements-section{background:var(--color-lighter-grey)}.announcement-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-light-border);margin-bottom:var(--space-sm);transition:box-shadow var(--transition-fast)}.announcement-item:hover{box-shadow:var(--shadow-sm)}.announcement-item:last-child{margin-bottom:0}.announcement-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px;border:2px solid var(--color-dark-green);border-radius:var(--radius-sm);overflow:hidden}.announcement-day{font-family:var(--font-family-heading);font-size:var(--font-size-lg);color:var(--color-dark-green);padding:var(--space-xs) var(--space-sm)}.announcement-month{background:var(--color-dark-green);color:var(--color-white);font-size:var(--font-size-xs);text-transform:uppercase;padding:2px var(--space-sm);width:100%;text-align:center}.announcement-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.announcement-content{flex:1}.announcement-label{display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:2px var(--space-sm);border-radius:var(--radius-sm);background:var(--color-lighter-grey);color:var(--color-black);margin-bottom:var(--space-xs)}.announcement-label.warning{background:#febd5933;color:var(--color-orange-dark)}.announcement-label.info{background:var(--color-light-blue-bg);color:var(--color-dark-green)}.announcement-title{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-sm)}.announcement-arrow{color:var(--color-green);flex-shrink:0}.empty-state{color:var(--color-grey);font-size:var(--font-size-sm);text-align:center;padding:var(--space-lg)}.tips-carousel{display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-sm);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.tips-carousel::-webkit-scrollbar{height:6px}.tips-carousel::-webkit-scrollbar-track{background:var(--color-lighter-grey);border-radius:3px}.tips-carousel::-webkit-scrollbar-thumb{background:var(--color-light-grey);border-radius:3px}.tip-card{flex:0 0 280px;background:var(--color-lighter-green);border-radius:var(--radius-lg);padding:var(--space-lg);scroll-snap-align:start;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none;text-align:left;font-family:inherit}.tip-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tip-card:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.tip-category{font-size:var(--font-size-xs);font-weight:600;color:var(--color-dark-green);text-transform:uppercase;margin-bottom:var(--space-sm)}.tip-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;color:var(--color-dark-green);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}.tip-read-more{display:flex;justify-content:flex-end}.tip-read-more svg{width:24px;height:24px;color:var(--color-dark-green)}.todo-section{margin-top:var(--space-lg)}.todo-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.todo-header{display:flex;align-items:center;gap:var(--space-sm)}.todo-header svg{width:24px;height:24px;color:var(--color-green)}.todo-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;background:var(--color-red);color:var(--color-white);font-size:11px;font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);margin-left:var(--space-xs)}.todo-list{display:flex;flex-direction:column;gap:10px}.todo-item{display:flex;align-items:center;gap:10px;transition:opacity var(--transition-normal)}.todo-item.completed{opacity:.4}.todo-item.editing{display:block}.todo-checkbox{width:24px;height:24px;border:2px solid var(--color-light-border);border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;background:var(--color-white);padding:0}.todo-checkbox:hover{border-color:var(--color-green);transform:scale(1.1)}.todo-checkbox.checked{background:var(--color-dark-green);border-color:var(--color-dark-green)}.todo-checkbox svg{width:14px;height:14px;color:var(--color-white)}.todo-card{flex:1;display:flex;align-items:center;background:var(--color-white);border-radius:15px;padding:10px 12px 10px 20px;transition:box-shadow var(--transition-fast)}.todo-card:hover{box-shadow:var(--shadow-sm)}.todo-content{flex:1;min-width:0}.todo-title{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-sm);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-date{font-size:var(--font-size-xs);color:var(--color-grey)}.todo-date.overdue{color:var(--color-red)}.todo-menu-wrapper{position:relative;flex-shrink:0}.todo-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-grey);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:0}.todo-menu-btn:hover{color:var(--color-dark-green);background:var(--color-lighter-grey)}.todo-menu-btn svg{width:18px;height:18px}.todo-action-menu{position:absolute;right:0;top:100%;z-index:50;background:var(--color-white);border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:180px;padding:4px 0;animation:todoMenuIn .15s ease-out}@keyframes todoMenuIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.todo-action-menu button{display:block;width:100%;text-align:left;background:none;border:none;padding:12px 20px;font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-dark-green);cursor:pointer;transition:background var(--transition-fast)}.todo-action-menu button:not(:last-child){border-bottom:1px solid var(--color-light-border)}.todo-action-menu button:hover{background:var(--color-lighter-grey)}.todo-action-menu button.danger{color:var(--color-red)}.todo-edit-form{background:var(--color-white);border-radius:15px;padding:16px 20px}.todo-edit-title{width:100%;border:1px solid var(--color-dark-green);border-radius:var(--radius-md);padding:10px 12px;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-black)}.todo-edit-title:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 2px #007e8626}.todo-edit-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:12px}.todo-edit-date-wrapper{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-dark-green)}.todo-edit-date-wrapper svg{width:18px;height:18px;flex-shrink:0}.todo-edit-date{border:1px solid var(--color-dark-green);border-radius:var(--radius-md);padding:6px 10px;font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--color-black)}.todo-edit-date:focus{outline:none;border-color:var(--color-green)}.todo-edit-actions{display:flex;gap:var(--space-sm)}.todo-edit-cancel{padding:6px 14px;background:none;border:none;color:var(--color-dark-green);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.todo-edit-cancel:hover{background:var(--color-lighter-grey)}.todo-edit-save{padding:6px 14px;background:var(--color-dark-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast)}.todo-edit-save:hover:not(:disabled){background:var(--color-green)}.todo-edit-save:disabled{opacity:.5;cursor:not-allowed}.create-todo-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:10px 16px;background:none;border:1px dashed var(--color-light-border);border-radius:15px;color:var(--color-dark-green);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-md);width:100%}.create-todo-toggle:hover{border-color:var(--color-green);background:var(--color-lighter-green)}.create-todo-toggle svg{width:18px;height:18px}.create-todo{background:var(--color-white);border-radius:15px;padding:16px 20px;margin-bottom:var(--space-md);animation:todoMenuIn .15s ease-out}.create-todo input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-black)}.create-todo input[type=text]:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 2px #007e8626}.create-todo-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:12px}.create-todo-date-wrapper{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-dark-green)}.create-todo-date-wrapper svg{width:18px;height:18px;flex-shrink:0}.create-todo-date-wrapper label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-dark-green);text-transform:uppercase;letter-spacing:.02em;cursor:pointer}.create-todo-date-wrapper input[type=date]{border:1px solid var(--color-light-border);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--color-black)}.create-todo-date-wrapper input[type=date]:focus{outline:none;border-color:var(--color-green)}.create-todo-actions{display:flex;gap:var(--space-sm)}.create-todo-cancel{padding:6px 14px;background:none;border:none;color:var(--color-dark-green);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.create-todo-cancel:hover{background:var(--color-lighter-grey)}.create-todo-submit{padding:6px 14px;background:var(--color-dark-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast)}.create-todo-submit:hover:not(:disabled){background:var(--color-green)}.create-todo-submit:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{display:flex;justify-content:center;padding:var(--space-xl)}.spinner-small{width:24px;height:24px;border:2px solid var(--color-light-grey);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.dashboard-grid .full-width{grid-column:1/-1}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-content{padding:var(--space-md)}.greeting-text h2{font-size:var(--font-size-2xl)}.tip-card{flex:0 0 240px}}.documents-page{display:flex;flex-direction:column;height:100%}.documents-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-lg)}.documents-page .page-header .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.documents-page .page-header .back-link:hover{opacity:.7}.documents-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-sm) 0}.document-count{font-size:var(--font-size-sm);color:var(--color-grey);font-weight:500;padding-top:1.75rem;white-space:nowrap}.documents-page .page-description{font-size:var(--font-size-sm);color:var(--color-grey);margin:0;max-width:600px;line-height:1.5}.documents-list-container{flex:1;overflow-y:auto}.documents-list{display:flex;flex-direction:column;gap:var(--space-sm)}.document-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);transition:all var(--transition-fast);cursor:pointer}.document-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-green)}.document-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.document-item-title{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-item-status{display:inline-flex;align-items:center;align-self:flex-start;padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.document-item-status.status-new{background:var(--color-light-green);color:var(--color-dark-green)}.document-item-status.status-handled{background:#d4edda;color:#155724}.document-item-status.status-unhandled{background:#fff3cd;color:#856404}.document-item-status.status-error{background:#f8d7da;color:#721c24}.document-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.document-item-date{font-size:var(--font-size-xs);color:var(--color-grey)}.document-item .action-menu-trigger{margin-left:var(--space-sm)}@media(max-width:767px){.documents-page .page-header{flex-direction:column;gap:var(--space-sm)}.documents-page .page-header h1{font-size:var(--font-size-xl)}.document-count{padding-top:0}.document-item{padding:var(--space-md)}.document-item-title{font-size:var(--font-size-xs)}.pagination-controls{gap:var(--space-sm)}.pagination-controls .pagination-button{padding:.5rem .75rem;font-size:var(--font-size-xs)}.pagination-controls .pagination-info{font-size:var(--font-size-xs)}}.edit-customer-page{display:flex;flex-direction:column;height:100%;max-width:900px}.edit-customer-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-lg)}.edit-customer-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.edit-customer-page .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.edit-customer-page .back-link:hover{opacity:.7}.edit-customer-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);background:var(--color-white);border-radius:var(--radius-lg);text-align:center}.edit-customer-page .loading-state p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.edit-customer-page .spinner{width:32px;height:32px;border:3px solid var(--color-lighter-grey);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}.edit-customer-page .error-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--color-red);font-size:var(--font-size-sm)}.edit-customer-page .error-message p{margin:0;flex:1}.edit-customer-page .form-container{display:flex;flex-direction:column;gap:var(--space-xl)}.edit-customer-page .form-section{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);padding:var(--space-lg);margin-bottom:1rem}.edit-customer-page .form-section h2{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.edit-customer-page .form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.edit-customer-page .form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green)}.edit-customer-page .form-group label .required{color:var(--color-red)}.edit-customer-page .form-group input,.edit-customer-page .form-group textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-white);transition:all var(--transition-fast)}.edit-customer-page .form-group input:focus,.edit-customer-page .form-group textarea:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #007e861a}.edit-customer-page .form-group input::placeholder,.edit-customer-page .form-group textarea::placeholder{color:var(--color-grey)}.edit-customer-page .form-group input.disabled-input,.edit-customer-page .form-group textarea.disabled-input{background-color:var(--color-lighter-grey);color:var(--color-grey);cursor:not-allowed}.edit-customer-page .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.edit-customer-page .form-section>.form-group+.form-group{margin-top:var(--space-md)}.edit-customer-page .form-row+.form-group{margin-top:var(--space-md)}.edit-customer-page .form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-md)}.edit-customer-page .save-button{padding:var(--space-sm) var(--space-xl);background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.edit-customer-page .save-button:hover:not(:disabled){background:var(--color-dark-green)}.edit-customer-page .save-button:disabled{opacity:.7;cursor:not-allowed}.edit-customer-page .cancel-button{padding:var(--space-sm) var(--space-xl);background:transparent;color:var(--color-dark-green);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:flex;align-items:center;justify-content:center}.edit-customer-page .cancel-button:hover{border-color:var(--color-dark-green)}@media(max-width:767px){.edit-customer-page .page-header h1{font-size:var(--font-size-xl)}.edit-customer-page .form-row{grid-template-columns:1fr}.edit-customer-page .form-section{padding:var(--space-md)}.edit-customer-page .form-actions{flex-direction:column}.edit-customer-page .cancel-button,.edit-customer-page .save-button{width:100%}}.edit-customer-page .alternative-email-button{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-dark-green);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-dark-green);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.edit-customer-page .alternative-email-button:hover{background:var(--color-lighter-grey)}.edit-customer-page .alternative-email-button.active{background:var(--color-dark-green);color:var(--color-white)}.edit-customer-page .customer-type-buttons{display:flex;border:1px solid var(--color-dark-green);border-radius:var(--radius-md);overflow:hidden}.edit-customer-page .customer-type-buttons button{flex:1;padding:var(--space-sm) var(--space-md);border:none;background:var(--color-white);color:var(--color-dark-green);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.edit-customer-page .customer-type-buttons button:first-child{border-right:1px solid var(--color-dark-green)}.edit-customer-page .customer-type-buttons button:hover{background:var(--color-lighter-grey)}.edit-customer-page .customer-type-buttons button.active{background:var(--color-dark-green);color:var(--color-white)}.edit-customer-page .dropdown-group,.edit-customer-page .custom-dropdown{position:relative}.edit-customer-page .dropdown-button{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);background:var(--color-white);font-size:var(--font-size-sm);font-family:var(--font-family);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast)}.edit-customer-page .dropdown-button:hover{border-color:var(--color-green)}.edit-customer-page .dropdown-arrow{transition:transform var(--transition-fast)}.edit-customer-page .dropdown-arrow.open{transform:rotate(180deg)}.edit-customer-page .dropdown-menu{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:var(--color-white);border:1px solid var(--color-light-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:250px;overflow-y:auto;z-index:100}.edit-customer-page .dropdown-option{width:100%;padding:var(--space-sm) var(--space-md);border:none;background:var(--color-white);text-align:left;cursor:pointer;font-size:var(--font-size-sm);transition:background-color var(--transition-fast);border-bottom:1px solid var(--color-lighter-grey)}.edit-customer-page .dropdown-option:last-child{border-bottom:none}.edit-customer-page .dropdown-option:hover{background:var(--color-lighter-grey)}.edit-customer-page .dropdown-option.selected{background:var(--color-dark-green);color:var(--color-white);font-weight:600}.edit-customer-page .input-with-loader{position:relative}.edit-customer-page .input-with-loader input{padding-right:36px}.edit-customer-page .input-loader{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.edit-customer-page .spinner-tiny{width:16px;height:16px;border:2px solid var(--color-lighter-grey);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}.edit-customer-page .dropdown-option .company-name{display:block;font-weight:500}.edit-customer-page .dropdown-option .company-city{display:block;font-size:var(--font-size-xs);color:var(--color-grey);margin-top:2px}.edit-customer-page .dropdown-option:hover .company-city{color:var(--color-dark-grey)}.edit-employee-page{display:flex;flex-direction:column;height:100%;max-width:900px}.edit-employee-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-lg)}.edit-employee-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.edit-employee-page .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.edit-employee-page .back-link:hover{opacity:.7}.edit-employee-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);background:var(--color-white);border-radius:var(--radius-lg);text-align:center}.edit-employee-page .loading-state p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.edit-employee-page .spinner{width:32px;height:32px;border:3px solid var(--color-lighter-grey);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}.edit-employee-page .error-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--color-red);font-size:var(--font-size-sm)}.edit-employee-page .error-message p{margin:0;flex:1}.edit-employee-page .form-container{display:flex;flex-direction:column;gap:var(--space-xl)}.edit-employee-page .form-section{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);padding:var(--space-lg);margin-bottom:1rem}.edit-employee-page .form-section h2{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.edit-employee-page .form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.edit-employee-page .form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green)}.edit-employee-page .form-group label .required{color:var(--color-red)}.edit-employee-page .form-group input,.edit-employee-page .form-group textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-white);transition:all var(--transition-fast)}.edit-employee-page .form-group input:focus,.edit-employee-page .form-group textarea:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #007e861a}.edit-employee-page .form-group input::placeholder,.edit-employee-page .form-group textarea::placeholder{color:var(--color-grey)}.edit-employee-page .form-group input.disabled-input,.edit-employee-page .form-group textarea.disabled-input{background-color:var(--color-lighter-grey);color:var(--color-grey);cursor:not-allowed}.edit-employee-page .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.edit-employee-page .form-section>.form-group+.form-group{margin-top:var(--space-md)}.edit-employee-page .form-row+.form-group{margin-top:var(--space-md)}.edit-employee-page .form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-md)}.edit-employee-page .save-button{padding:var(--space-sm) var(--space-xl);background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.edit-employee-page .save-button:hover:not(:disabled){background:var(--color-dark-green)}.edit-employee-page .save-button:disabled{opacity:.7;cursor:not-allowed}.edit-employee-page .cancel-button{padding:var(--space-sm) var(--space-xl);background:transparent;color:var(--color-dark-green);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:flex;align-items:center;justify-content:center}.edit-employee-page .cancel-button:hover{border-color:var(--color-dark-green)}@media(max-width:767px){.edit-employee-page .page-header h1{font-size:var(--font-size-xl)}.edit-employee-page .form-row{grid-template-columns:1fr}.edit-employee-page .form-section{padding:var(--space-md)}.edit-employee-page .form-actions{flex-direction:column}.edit-employee-page .cancel-button,.edit-employee-page .save-button{width:100%}}.edit-employee-page .salary-type-buttons{display:flex;border:1px solid var(--color-dark-green);border-radius:var(--radius-md);overflow:hidden}.edit-employee-page .salary-type-buttons button{flex:1;padding:var(--space-sm) var(--space-md);border:none;background:var(--color-white);color:var(--color-dark-green);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.edit-employee-page .salary-type-buttons button:first-child{border-right:1px solid var(--color-dark-green)}.edit-employee-page .salary-type-buttons button:hover{background:var(--color-lighter-grey)}.edit-employee-page .salary-type-buttons button.active{background:var(--color-dark-green);color:var(--color-white)}.edit-product-page{display:flex;flex-direction:column;height:100%;max-width:900px}.edit-product-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-lg)}.edit-product-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.edit-product-page .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.edit-product-page .back-link:hover{opacity:.7}.edit-product-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);background:var(--color-white);border-radius:var(--radius-lg);text-align:center}.edit-product-page .loading-state p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.edit-product-page .spinner{width:32px;height:32px;border:3px solid var(--color-lighter-grey);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}.edit-product-page .error-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--color-red);font-size:var(--font-size-sm)}.edit-product-page .error-message p{margin:0;flex:1}.edit-product-page .form-container{display:flex;flex-direction:column;gap:var(--space-xl)}.edit-product-page .form-section{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);padding:var(--space-lg);margin-bottom:1rem}.edit-product-page .form-section h2{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.edit-product-page .form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.edit-product-page .form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-green)}.edit-product-page .form-group label .required{color:var(--color-red)}.edit-product-page .form-group input,.edit-product-page .form-group textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-white);transition:all var(--transition-fast)}.edit-product-page .form-group input:focus,.edit-product-page .form-group textarea:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #007e861a}.edit-product-page .form-group input::placeholder,.edit-product-page .form-group textarea::placeholder{color:var(--color-grey)}.edit-product-page .form-group input.disabled-input,.edit-product-page .form-group textarea.disabled-input{background-color:var(--color-lighter-grey);color:var(--color-grey);cursor:not-allowed}.edit-product-page .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.edit-product-page .form-section>.form-group+.form-group{margin-top:var(--space-md)}.edit-product-page .form-row+.form-group{margin-top:var(--space-md)}.edit-product-page .form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-md)}.edit-product-page .save-button{padding:var(--space-sm) var(--space-xl);background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.edit-product-page .save-button:hover:not(:disabled){background:var(--color-dark-green)}.edit-product-page .save-button:disabled{opacity:.7;cursor:not-allowed}.edit-product-page .cancel-button{padding:var(--space-sm) var(--space-xl);background:transparent;color:var(--color-dark-green);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:flex;align-items:center;justify-content:center}.edit-product-page .cancel-button:hover{border-color:var(--color-dark-green)}@media(max-width:767px){.edit-product-page .page-header h1{font-size:var(--font-size-xl)}.edit-product-page .form-row{grid-template-columns:1fr}.edit-product-page .form-section{padding:var(--space-md)}.edit-product-page .form-actions{flex-direction:column}.edit-product-page .cancel-button,.edit-product-page .save-button{width:100%}}.edit-product-page .product-type-buttons{display:flex;border:1px solid var(--color-dark-green);border-radius:var(--radius-md);overflow:hidden}.edit-product-page .product-type-buttons button{flex:1;padding:var(--space-sm) var(--space-md);border:none;background:var(--color-white);color:var(--color-dark-green);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.edit-product-page .product-type-buttons button:first-child{border-right:1px solid var(--color-dark-green)}.edit-product-page .product-type-buttons button:hover{background:var(--color-lighter-grey)}.edit-product-page .product-type-buttons button.active{background:var(--color-dark-green);color:var(--color-white)}.edit-product-page .vat-buttons{display:flex;gap:var(--space-sm)}.edit-product-page .vat-buttons button{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-dark-green);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.edit-product-page .vat-buttons button:hover{border-color:var(--color-green)}.edit-product-page .vat-buttons button.active{background:var(--color-dark-green);border-color:var(--color-dark-green);color:var(--color-white)}.employees-page{display:flex;flex-direction:column;height:100%}.employees-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-lg)}.employees-page .page-header .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.employees-page .page-header .back-link:hover{opacity:.7}.employees-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.employees-page .page-header .header-actions{display:flex;align-items:center;gap:1rem}.employees-page .page-header .create-button{background:var(--color-dark-green);color:#fff;padding:.5rem 1.5rem;border-radius:1.25rem;text-decoration:none;font-weight:600;font-size:.95rem;transition:background-color .2s;white-space:nowrap}.employees-page .page-header .create-button:hover{background:var(--color-green)}.employee-count{font-size:var(--font-size-sm);color:var(--color-grey);font-weight:500;padding-bottom:.25rem}.employees-list-container{flex:1;overflow-y:auto}.employees-list{display:flex;flex-direction:column;gap:var(--space-sm)}.employee-item{display:flex;align-items:center;gap:var(--space-md);background:var(--color-white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);transition:all var(--transition-fast);cursor:pointer}.employee-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-green)}.employee-item-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--color-green),var(--color-dark-green));border-radius:var(--radius-full);color:var(--color-white);font-weight:700;font-size:var(--font-size-sm);flex-shrink:0;text-transform:uppercase}.employee-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.employee-item-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.employee-item-name{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-sm)}.employee-item-salary-type{font-size:var(--font-size-xs);color:var(--color-green);background:var(--color-lighter-grey);padding:2px var(--space-sm);border-radius:var(--radius-full)}.employee-item-details{display:flex;flex-direction:column;gap:2px}.employee-item-email{font-size:var(--font-size-xs);color:var(--color-green)}.employee-item-address{font-size:var(--font-size-xs);color:var(--color-grey);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.employee-item-salary{font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark-green)}.employee-item-phone{font-size:var(--font-size-xs);color:var(--color-grey)}@media(max-width:767px){.employees-page .page-header h1{font-size:var(--font-size-xl)}.employee-item{padding:var(--space-md);flex-wrap:wrap}.employee-item-avatar{width:36px;height:36px;font-size:var(--font-size-xs)}.employee-item-name{font-size:var(--font-size-xs)}.employee-item-right{width:100%;flex-direction:row;justify-content:space-between;margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-lighter-grey)}}.error-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:48px 24px;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(1,188,200,.35) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(0,91,97,.55) 0%,transparent 50%),linear-gradient(135deg,#003d41,#00696f 55%,#007e86);color:var(--color-white);font-family:Poppins,sans-serif}.error-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 80%);pointer-events:none}.error-page:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.08;mix-blend-mode:overlay;pointer-events:none}.error-page__inner{position:relative;z-index:1;max-width:720px;width:100%;display:grid;gap:32px;text-align:left}@media(min-width:768px){.error-page__inner{gap:40px}}.error-page__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--color-turquoise);padding:8px 14px;border:1px solid rgba(1,188,200,.4);border-radius:999px;background:#01bcc814;width:fit-content;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.error-page__eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-turquoise);box-shadow:0 0 12px var(--color-turquoise);animation:error-pulse 2s ease-in-out infinite}.error-page__code{font-family:Ginto Nord,Poppins,sans-serif;font-weight:700;font-size:clamp(96px,22vw,240px);line-height:.85;letter-spacing:-.04em;margin:0;background:linear-gradient(180deg,#fffffff2,#01bcc88c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 48px rgba(1,188,200,.25)}.error-page__title{font-family:Ginto Nord,Poppins,sans-serif;font-weight:700;font-size:clamp(28px,4vw,44px);line-height:1.1;letter-spacing:-.01em;margin:0;color:var(--color-white)}.error-page__description{font-size:16px;line-height:1.6;max-width:52ch;color:#ffffffc7;margin:0}.error-page__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.error-page__button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.error-page__button--primary{background:var(--color-turquoise);color:#00343a;box-shadow:0 12px 32px #01bcc859}.error-page__button--primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px #01bcc880}.error-page__button--ghost{background:#ffffff0f;color:var(--color-white);border-color:#ffffff40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.error-page__button--ghost:hover{background:#ffffff1f;border-color:#ffffff80;transform:translateY(-2px)}.error-page__button:focus-visible{outline:2px solid var(--color-turquoise);outline-offset:3px}.error-page__detail{margin-top:8px;padding:16px 20px;border-radius:12px;border:1px solid rgba(213,76,76,.4);background:#d54c4c1a;font-family:Poppins,monospace;font-size:13px;color:#ffd9d9;word-break:break-word}@keyframes error-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@media(prefers-reduced-motion:reduce){.error-page__eyebrow:before{animation:none}.error-page__button{transition:none}}.expenses-page{display:flex;flex-direction:column;height:100%}.expenses-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-lg)}.expenses-page .page-header .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.expenses-page .page-header .back-link:hover{opacity:.7}.expenses-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.expenses-page .page-header .count-badge{font-size:var(--font-size-sm);color:var(--color-grey);font-weight:500;padding-bottom:.25rem}.expense-list-container{flex:1;overflow-y:auto}.expense-list{display:flex;flex-direction:column;gap:var(--space-sm)}.expense-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);transition:all var(--transition-fast);cursor:pointer}.expense-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-green)}.expense-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.expense-item-title{font-weight:700;color:var(--color-dark-green);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.expense-item-status{display:inline-flex;align-items:center;align-self:flex-start;padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;color:var(--color-white)}.expense-item-status.status-draft{background:#bbb}.expense-item-status.status-pending{background:#ff9500}.expense-item-status.status-progress{background:#bbb}.expense-item-status.status-approved{background:#ff9500}.expense-item-status.status-booked{background:#34c759}.expense-item-status.status-error{background:var(--color-red)}.expense-item-amount{font-weight:700;font-size:var(--font-size-sm);color:var(--color-green);white-space:nowrap}.expense-item-date{font-size:var(--font-size-xs);color:var(--color-grey)}.expense-item .action-menu-trigger{margin-left:var(--space-sm)}.empty-state{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);background:var(--color-white);border-radius:var(--radius-lg)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;margin-top:var(--space-md)}.pagination-controls .pagination-button{padding:.5rem 1rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-dark-green);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.pagination-controls .pagination-button:hover:not(:disabled){background:var(--color-light-bg);border-color:var(--color-accent)}.pagination-controls .pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls .pagination-info{font-size:var(--font-size-sm);color:var(--color-grey)}@media(max-width:767px){.expenses-page .page-header-title h1{font-size:var(--font-size-xl)}.expense-item{padding:var(--space-md)}.expense-item-title,.expense-item-amount{font-size:var(--font-size-xs)}.pagination-controls{gap:var(--space-sm)}.pagination-controls .pagination-button{padding:.5rem .75rem;font-size:var(--font-size-xs)}.pagination-controls .pagination-info{font-size:var(--font-size-xs)}}.liquidity-page{max-width:800px}.liquidity-page .page-header{margin-bottom:var(--space-xl)}.liquidity-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.liquidity-page .empty-state{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl);text-align:center;color:var(--color-grey)}.liquidity-page .loading-container{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.liquidity-chart-section{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);margin-bottom:var(--space-xl)}@media(max-width:767px){.liquidity-chart-section{padding:var(--space-md)}}.chart-container{margin-bottom:var(--space-md);min-height:400px}.chart-loading,.chart-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);min-height:400px;color:var(--color-grey)}.chart-legend{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.legend-color{border-radius:4px;flex-shrink:0}.legend-color.incoming{width:18px;height:18px;background:var(--color-dark-green)}.legend-color.outgoing{width:18px;height:18px;background:#f6827b}.legend-color.line{width:18px;height:6px;background:#bbb;border-radius:2px}.analysis-box{background:var(--color-yellow);border-radius:var(--radius-md);padding:var(--space-lg)}.analysis-text{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark-green);line-height:1.7;margin:0}.ledgers-section{display:flex;flex-direction:column;gap:var(--space-lg)}.ledger-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}@media(max-width:767px){.ledger-card{padding:var(--space-md)}}.ledger-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.ledger-table{display:flex;flex-direction:column}.ledger-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;border-top:1px solid var(--color-light-border);width:100%;background:none;border-left:none;border-right:none;border-bottom:none;text-align:left}.ledger-row:first-child{border-top:none}.ledger-row.total{border-top:1px solid var(--color-grey);padding-top:var(--space-sm);margin-top:var(--space-xs)}.ledger-row.clickable{cursor:pointer;transition:background var(--transition-fast)}.ledger-row.clickable:hover{background:var(--color-lighter-grey)}.ledger-label{font-size:var(--font-size-xs);color:var(--color-dark-green);text-transform:uppercase}.total .ledger-label{font-weight:600}.ledger-value-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.ledger-value{font-size:var(--font-size-sm);color:var(--color-dark-green)}.ledger-value.bold{font-weight:600}.ledger-icon{display:flex;align-items:center;color:var(--color-dark-green)}.ledger-icon svg{width:13px;height:13px}.ledger-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.ledger-empty{text-align:center;padding:var(--space-md);color:var(--color-grey);font-size:var(--font-size-sm)}.ledgers-modal-overlay{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:#0000004d;z-index:1000;padding:var(--space-md)}.ledgers-modal{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:600px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;position:relative}@media(max-width:767px){.ledgers-modal{max-height:90vh;padding:var(--space-md)}}.ledgers-modal-close{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;position:absolute;top:var(--space-sm);right:var(--space-md);font-size:28px;font-weight:700;color:var(--color-dark-green);line-height:1}.ledgers-modal-close:hover{opacity:.7}.ledgers-modal-title{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:600;color:var(--color-dark-green);margin:0 0 var(--space-md) 0;padding-right:var(--space-xl);text-align:center}.ledgers-modal-content{overflow-y:auto;flex:1}.ledgers-modal-table{display:flex;flex-direction:column}.ledgers-modal-header{display:flex;border-bottom:1px solid var(--color-light-border);padding-bottom:var(--space-xs);margin-bottom:var(--space-xs)}.ledgers-modal-header .ledgers-modal-cell{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:600;color:var(--color-dark-green);text-transform:uppercase}.ledgers-modal-row{display:flex;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-light-border)}.ledgers-modal-row:last-child{border-bottom:none}.ledgers-modal-cell{font-size:var(--font-size-sm);color:var(--color-dark-grey)}.ledgers-modal-cell.invoice{width:70px;flex-shrink:0}.ledgers-modal-cell.name{flex:1;min-width:0;padding:0 var(--space-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledgers-modal-cell.date{width:90px;flex-shrink:0}.ledgers-modal-cell.amount{width:100px;text-align:right;flex-shrink:0;font-weight:600}.ledgers-modal-empty{text-align:center;padding:var(--space-lg);color:var(--color-grey)}.products-page{display:flex;flex-direction:column;height:100%}.products-page .page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-lg)}.products-page .page-header .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.products-page .page-header .back-link:hover{opacity:.7}.products-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.products-page .page-header .header-actions{display:flex;align-items:center;gap:1rem}.products-page .page-header .create-button{background:var(--color-dark-green);color:#fff;padding:.5rem 1.5rem;border-radius:1.25rem;text-decoration:none;font-weight:600;font-size:.95rem;transition:background-color .2s;white-space:nowrap}.products-page .page-header .create-button:hover{background:var(--color-green)}.product-count{font-size:var(--font-size-sm);color:var(--color-grey);font-weight:500;padding-bottom:.25rem}.filter-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.filter-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-white);border:2px solid var(--color-light-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-grey);cursor:pointer;transition:all var(--transition-fast)}.filter-tab:hover{border-color:var(--color-green);color:var(--color-green)}.filter-tab.active{background:var(--color-light-green);border-color:var(--color-green);color:var(--color-dark-green)}.filter-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);background:var(--color-lighter-grey);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700}.filter-tab.active .filter-count{background:var(--color-green);color:var(--color-white)}.products-list-container{flex:1;overflow-y:auto}.products-list{display:flex;flex-direction:column;gap:var(--space-sm)}.product-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--color-white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-light-border);transition:all var(--transition-fast);cursor:pointer}.product-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-green)}.product-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.product-item-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.product-item-name{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-sm)}.product-item-type{font-size:var(--font-size-xs);color:var(--color-green);background:var(--color-lighter-grey);padding:2px var(--space-sm);border-radius:var(--radius-full)}.product-item-details{display:flex;gap:var(--space-md);flex-wrap:wrap}.product-item-article,.product-item-unit{font-size:var(--font-size-xs);color:var(--color-grey)}.product-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.product-item-price{font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark-green)}.product-item-vat{font-size:var(--font-size-xs);color:var(--color-grey)}.loading-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-grey)}.loading-state p{font-size:var(--font-size-sm);margin:0}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-2xl);background:var(--color-white);border-radius:var(--radius-lg);text-align:center}.empty-state p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.empty-state-icon{color:var(--color-light-border)}.spinner{width:32px;height:32px;border:3px solid var(--color-lighter-grey);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:767px){.products-page .page-header h1{font-size:var(--font-size-xl)}.filter-tabs{gap:var(--space-xs)}.filter-tab{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.product-item{padding:var(--space-md);flex-wrap:wrap}.product-item-name{font-size:var(--font-size-xs)}.product-item-right{width:100%;flex-direction:row;justify-content:space-between;margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-lighter-grey)}}.results-page{max-width:800px}.results-page .page-header{margin-bottom:var(--space-xl)}.results-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.results-page .empty-state{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl);text-align:center;color:var(--color-grey)}.result-chart{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);margin-bottom:var(--space-xl)}@media(max-width:767px){.result-chart{padding:var(--space-md)}}.chart-toggle-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.chart-toggle-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;background:var(--color-lighter-grey);border-radius:20px;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green);transition:all var(--transition-fast)}.chart-toggle-btn:hover{background:var(--color-light-grey)}.chart-toggle-btn.active{background:var(--color-dark-green);color:var(--color-white)}.chart-container{margin-bottom:var(--space-md)}.chart-container svg{width:100%;height:auto}.chart-loading,.chart-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);min-height:300px;color:var(--color-grey)}.chart-actions{display:flex;justify-content:flex-end;margin-bottom:var(--space-md)}.accumulated-toggle{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;background:var(--color-lighter-grey);border-radius:16px;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);color:var(--color-dark-green);transition:background var(--transition-fast)}.accumulated-toggle:hover{background:var(--color-light-grey)}.chart-legend{display:flex;flex-direction:column;gap:var(--space-sm)}.legend-item{display:flex;align-items:center;gap:var(--space-sm)}.legend-color{width:18px;height:18px;border-radius:4px}.legend-color.current{background:var(--color-dark-green)}.legend-color.current-month{background:#f97316}.legend-color.previous{background:#bbb}.legend-label{font-size:var(--font-size-xs);color:var(--color-dark-grey)}.calculations-section{display:flex;flex-direction:column;gap:var(--space-xl)}.calc-table-wrapper{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}@media(max-width:767px){.calc-table-wrapper{padding:var(--space-md)}}.calc-title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.calc-section-header{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:600;color:var(--color-dark-green);text-transform:uppercase;margin:var(--space-md) 0 var(--space-xs) 0}.calc-table{display:flex;flex-direction:column}.calc-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-light-border);width:100%;background:none;border-left:none;border-right:none;text-align:left}.calc-row:last-child{border-bottom:none}.calc-row.total{border-bottom:none;padding-top:var(--space-sm);margin-top:var(--space-xs)}.calc-row.group-header{border-bottom:none;padding-bottom:0}.calc-row.subcategory{padding-left:var(--space-md);font-style:italic}.calc-row.summa{border-bottom:none;margin-bottom:var(--space-xs)}.calc-row.clickable{cursor:pointer;transition:background var(--transition-fast)}.calc-row.clickable:hover{background:var(--color-lighter-grey)}.calc-value-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.calc-row-icon{display:flex;align-items:center;justify-content:center;color:var(--color-dark-green)}.calc-row-icon svg{width:13px;height:13px}.calc-row-icon-placeholder{width:13px;height:13px}.calc-label{font-size:var(--font-size-xs);color:var(--color-dark-green);text-transform:uppercase}.total .calc-label{font-weight:600}.calc-value{font-size:var(--font-size-sm);color:var(--color-dark-green);text-align:right;min-width:60px}.calc-value.bold{font-weight:600}.calc-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.economy-modal-overlay{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:#0000004d;z-index:1000;padding:var(--space-md)}.economy-modal{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:500px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;position:relative}@media(max-width:767px){.economy-modal{max-height:90vh;padding:var(--space-md)}}.economy-modal-close{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;position:absolute;top:var(--space-sm);right:var(--space-md);font-size:28px;font-weight:700;color:var(--color-dark-green);line-height:1}.economy-modal-close:hover{opacity:.7}.economy-modal-title{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:600;color:var(--color-dark-green);margin:0 0 var(--space-md) 0;padding-right:var(--space-xl);text-align:center}.economy-modal-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.economy-modal-content{overflow-y:auto;flex:1}.economy-modal-table{display:flex;flex-direction:column}.economy-modal-header{display:flex;border-bottom:1px solid var(--color-light-border);padding-bottom:var(--space-xs);margin-bottom:var(--space-xs)}.economy-modal-header .economy-modal-cell{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:600;color:var(--color-dark-green)}.economy-modal-row{display:flex;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-light-border)}.economy-modal-row:last-child{border-bottom:none}.economy-modal-cell{font-size:var(--font-size-sm);color:var(--color-dark-grey)}.economy-modal-cell.account{width:60px;flex-shrink:0}.economy-modal-cell.name{flex:1;min-width:0;padding:0 var(--space-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.economy-modal-cell.total{width:100px;text-align:right;flex-shrink:0}.economy-modal-empty{text-align:center;padding:var(--space-lg);color:var(--color-grey)}.economy-modal-wide{max-width:600px}@media(max-width:767px){.economy-modal-wide{max-width:100%}}.economy-modal-row.clickable{background:none;border:none;padding:0;font-family:inherit;display:flex;width:100%;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-light-border);cursor:pointer;transition:background var(--transition-fast);text-align:left}.economy-modal-row.clickable:hover{background:var(--color-lighter-grey)}.economy-modal-row.clickable:last-child{border-bottom:none}.economy-modal-cell.chevron{width:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-dark-green)}.modal-back-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:var(--space-xs);color:var(--color-dark-green);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-md);transition:opacity var(--transition-fast)}.modal-back-btn:hover{opacity:.7}.modal-back-btn svg{width:20px;height:20px}.account-details-view{display:flex;flex-direction:column;height:100%}.vouchers-list{display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto;flex:1}.voucher-row{background:none;border:none;padding:0;font-family:inherit;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm);border:1px solid var(--color-light-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:var(--color-white)}.voucher-row:hover{background:var(--color-lighter-grey);border-color:var(--color-grey)}.voucher-row-content{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.voucher-row-line{display:flex;gap:var(--space-sm);font-size:var(--font-size-sm)}.voucher-label{font-weight:600;color:var(--color-dark-green);flex-shrink:0}.voucher-value{color:var(--color-dark-grey)}.voucher-value.voucher-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voucher-row-chevron{display:flex;align-items:center;justify-content:center;color:var(--color-dark-green);flex-shrink:0;margin-left:var(--space-sm)}.file-details-view{display:flex;flex-direction:column;height:100%}.voucher-info-card{background:var(--color-lighter-grey);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.voucher-info-name{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-md)}.voucher-invalid-alert{background:#fff5f5;border:1px solid var(--color-alert);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.invalid-icon{color:var(--color-alert)}.invalid-label{font-weight:600;color:var(--color-alert)}.invalid-reason{color:var(--color-dark-grey);font-size:var(--font-size-sm);width:100%}.file-details-pdf{flex:1;min-height:400px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-lighter-grey)}.pdf-viewer{width:100%;height:100%;min-height:400px;border:none}.file-details-image{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--color-lighter-grey);border-radius:var(--radius-md);overflow:hidden}.file-details-image img{max-width:100%;max-height:60vh;object-fit:contain}.file-details-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-grey);text-align:center}.static-page{min-height:100vh;background-color:#f9fafb;display:flex;justify-content:center;padding:40px 20px}.static-page__loading,.static-page__error{display:flex;align-items:center;justify-content:center;min-height:300px}.static-page__loading p,.static-page__error p{font-size:1.1rem;color:#666}.static-page__container{max-width:800px;width:100%}.static-page__title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.static-page__content{color:#333;font-size:1rem;line-height:1.75}.static-page__content h1,.static-page__content h2,.static-page__content h3,.static-page__content h4,.static-page__content h5,.static-page__content h6{color:#1a1a1a;margin-top:1.5em;margin-bottom:.5em;font-weight:600}.static-page__content h2{font-size:1.5rem}.static-page__content h3{font-size:1.25rem}.static-page__content p{margin-bottom:1em}.static-page__content ul,.static-page__content ol{margin-bottom:1em;padding-left:1.5em}.static-page__content li{margin-bottom:.25em}.static-page__content a{color:#007e86;text-decoration:underline}.static-page__content a:hover{color:#005b61}.static-page__content blockquote{border-left:4px solid #e5e7eb;padding-left:1em;margin-left:0;color:#666;font-style:italic}.static-page__content code{background-color:#f3f4f6;padding:.2em .4em;border-radius:4px;font-size:.9em}.static-page__content pre{background-color:#f3f4f6;padding:1em;border-radius:8px;overflow-x:auto}.static-page__content pre code{background:none;padding:0}.static-page__content table{width:100%;border-collapse:collapse;margin-bottom:1em}.static-page__content table th,.static-page__content table td{border:1px solid #e5e7eb;padding:.5em .75em;text-align:left}.static-page__content table th{background-color:#f3f4f6;font-weight:600}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.supplier-invoices-page{display:flex;flex-direction:column;height:100%;gap:var(--space-lg)}.supplier-invoices-page .page-header{display:flex;align-items:flex-end;justify-content:space-between}.supplier-invoices-page .page-header .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.supplier-invoices-page .page-header .back-link:hover{opacity:.7}.supplier-invoices-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.supplier-invoices-page .page-header .count-badge{font-size:var(--font-size-sm);color:var(--color-grey);font-weight:500;padding-bottom:.25rem}.supplier-invoices-page .filters-section{display:flex;gap:var(--space-sm);align-items:center}.supplier-invoices-page .filters-section .search-wrapper{flex:1}.supplier-invoices-page .filters-section .search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-white);color:var(--color-text)}.supplier-invoices-page .filters-section .search-input::placeholder{color:var(--color-grey)}.supplier-invoices-page .filters-section .search-input:focus{outline:none;border-color:var(--color-green)}.supplier-invoices-page .filters-section .filter-button{padding:.75rem 1.5rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.supplier-invoices-page .filters-section .filter-button:hover{background:var(--color-light-bg)}.supplier-invoices-page .filters-section .filter-button.active{background:var(--color-white);color:var(--color-green);border-color:var(--color-green);border-width:2px;font-weight:600}.supplier-invoices-page .filters-section .clear-filters-button{padding:.75rem 1rem;background:transparent;border:none;color:var(--color-grey);font-size:var(--font-size-sm);cursor:pointer;transition:color .2s;white-space:nowrap}.supplier-invoices-page .filters-section .clear-filters-button:hover{color:var(--color-text)}.supplier-invoices-page .filter-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.supplier-invoices-page .filter-modal .filter-modal-content{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:420px;width:90%;max-height:80vh;overflow-y:auto}.supplier-invoices-page .filter-modal .filter-modal-content h3{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-lg) 0;text-align:center}.supplier-invoices-page .filter-modal .filter-modal-content .date-picker-section{margin-bottom:var(--space-md)}.supplier-invoices-page .filter-modal .filter-modal-content .date-tabs{display:flex;gap:2px;margin-bottom:0;background:var(--color-light-border, #E3E3E3);border-radius:var(--radius-md);padding:2px}.supplier-invoices-page .filter-modal .filter-modal-content .date-tabs.expanded{border-radius:var(--radius-md) var(--radius-md) 0 0}.supplier-invoices-page .filter-modal .filter-modal-content .date-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.6rem .75rem;border:none;background:transparent;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all .2s}.supplier-invoices-page .filter-modal .filter-modal-content .date-tab .date-tab-label{font-size:var(--font-size-xs);color:var(--color-grey);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.supplier-invoices-page .filter-modal .filter-modal-content .date-tab .date-tab-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green)}.supplier-invoices-page .filter-modal .filter-modal-content .date-tab.active{background:var(--color-white);box-shadow:0 1px 3px #00000014}.supplier-invoices-page .filter-modal .filter-modal-content .date-tab.active .date-tab-label{color:var(--color-green)}.supplier-invoices-page .filter-modal .filter-modal-content .date-tab:hover:not(.active){background:#ffffff80}.supplier-invoices-page .filter-modal .filter-modal-content .date-picker-inline{border:1px solid var(--color-light-border, #E3E3E3);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--space-sm);display:flex;justify-content:center}.supplier-invoices-page .filter-modal .filter-modal-content .clear-dates-button{width:100%;padding:.5rem;margin-top:var(--space-xs);background:none;border:none;color:var(--color-red, #D54C4C);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;text-align:center;transition:opacity .2s}.supplier-invoices-page .filter-modal .filter-modal-content .clear-dates-button:hover{opacity:.7}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker{border:none!important;font-family:inherit;background:transparent;width:100%}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__month-container{width:100%}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__header{background:transparent;border-bottom:1px solid var(--color-light-border, #E3E3E3);padding-top:.25rem}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__current-month{color:var(--color-dark-green);font-weight:600;font-size:var(--font-size-sm);text-transform:capitalize;margin-bottom:.25rem}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__navigation{top:.4rem}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__navigation--previous{left:.5rem}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__navigation--next{right:.5rem}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__navigation-icon:before{border-color:var(--color-dark-green);border-width:2px 2px 0 0;height:7px;width:7px}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day-names{display:flex;justify-content:space-around;margin-bottom:0}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day-name{color:var(--color-grey);font-size:.7rem;font-weight:500;text-transform:uppercase;width:2.2rem;margin:.1rem}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__month{margin:.25rem 0}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__week{display:flex;justify-content:space-around}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day{width:2.2rem;height:2.2rem;line-height:2.2rem;margin:.1rem;border-radius:50%;font-size:var(--font-size-sm);color:var(--color-dark-green);transition:all .15s}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day:hover{background:var(--color-light-green);border-radius:50%}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--today{font-weight:700;background:var(--color-lighter-grey, #F7F7F7);border-radius:50%}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--selected,.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--range-start,.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--range-end{background:var(--color-green)!important;color:var(--color-white)!important;border-radius:50%!important;font-weight:600}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--selected:hover,.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--range-start:hover,.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--range-end:hover{background:var(--color-dark-green)!important}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--in-range,.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--in-selecting-range{background:var(--color-light-green)!important;color:var(--color-dark-green)!important;border-radius:0}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--in-range:hover,.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--in-selecting-range:hover{background:var(--color-green)!important;color:var(--color-white)!important;border-radius:50%}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--keyboard-selected{background:var(--color-light-green);color:var(--color-dark-green);border-radius:50%}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--outside-month{color:var(--color-light-grey, #BDBDBD)}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--disabled{color:var(--color-light-grey, #BDBDBD)!important;cursor:not-allowed}.supplier-invoices-page .filter-modal .filter-modal-content .green-datepicker .react-datepicker__day--disabled:hover{background:transparent}.supplier-invoices-page .filter-modal .filter-modal-content .filter-option{width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);cursor:pointer;transition:background .2s;text-align:center;margin-bottom:var(--space-xs)}.supplier-invoices-page .filter-modal .filter-modal-content .filter-option:hover{background:var(--color-light-bg)}.supplier-invoices-page .filter-modal .filter-modal-content .filter-option.selected{background:var(--color-green);color:var(--color-white)}.supplier-invoices-page .filter-modal .filter-modal-content .filter-apply-button{width:100%;padding:.75rem 1rem;background:var(--color-green);border:none;border-radius:var(--radius-md);color:var(--color-white);font-size:var(--font-size-base);font-weight:600;cursor:pointer;margin-top:var(--space-sm);transition:opacity .2s}.supplier-invoices-page .filter-modal .filter-modal-content .filter-apply-button:hover{opacity:.9}.supplier-invoices-page .filter-modal .filter-modal-content .filter-cancel-button{width:100%;padding:.75rem 1rem;background:var(--color-light-bg);border:none;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);font-weight:500;cursor:pointer;margin-top:var(--space-md);transition:background .2s}.supplier-invoices-page .filter-modal .filter-modal-content .filter-cancel-button:hover{background:var(--color-border)}.supplier-invoices-page .invoice-list-container{flex:1;overflow-y:auto}.supplier-invoices-page .invoice-list-container .loading-state,.supplier-invoices-page .invoice-list-container .empty-state{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);flex-direction:column;gap:var(--space-md)}.supplier-invoices-page .invoice-list-container .loading-state .spinner,.supplier-invoices-page .invoice-list-container .empty-state .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-green);border-radius:50%;animation:spin 1s linear infinite}.supplier-invoices-page .invoice-list-container .loading-state p,.supplier-invoices-page .invoice-list-container .empty-state p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.supplier-invoices-page .invoice-list-container .invoice-list{display:flex;flex-direction:column;gap:var(--space-sm)}.supplier-invoices-page .invoice-list-container .pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;margin-top:var(--space-md)}.supplier-invoices-page .invoice-list-container .pagination-controls .pagination-button{padding:.5rem 1rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-dark-green);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.supplier-invoices-page .invoice-list-container .pagination-controls .pagination-button:hover:not(:disabled){background:var(--color-light-bg);border-color:var(--color-green)}.supplier-invoices-page .invoice-list-container .pagination-controls .pagination-button:disabled{opacity:.5;cursor:not-allowed}.supplier-invoices-page .invoice-list-container .pagination-controls .pagination-info{font-size:var(--font-size-sm);color:var(--color-grey)}.invoice-item{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);transition:all .2s}.invoice-item:hover{border-color:var(--color-green);box-shadow:0 2px 8px #00000014}.invoice-item .invoice-item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.invoice-item .invoice-item-content .invoice-item-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-dark-green)}.invoice-item .invoice-item-content .invoice-item-status{align-self:flex-start;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--color-white)}.invoice-item .invoice-item-content .invoice-item-status.status-draft{background:var(--color-grey)}.invoice-item .invoice-item-content .invoice-item-status.status-pending{background:var(--color-warning)}.invoice-item .invoice-item-content .invoice-item-status.status-progress{background:var(--color-info)}.invoice-item .invoice-item-content .invoice-item-status.status-approved{background:var(--color-warning)}.invoice-item .invoice-item-content .invoice-item-status.status-booked{background:var(--color-success)}.invoice-item .invoice-item-content .invoice-item-status.status-error{background:var(--color-danger)}.invoice-item .invoice-item-content .invoice-item-status.status-felaktig{background:#fff5f5;color:#a8281f;border:1.5px solid #de5858;text-transform:uppercase}.invoice-item .invoice-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.invoice-item .invoice-item-right .invoice-item-amount{font-size:var(--font-size-base);font-weight:600;color:var(--color-dark-green)}.invoice-item .invoice-item-right .invoice-item-date{font-size:var(--font-size-xs);color:var(--color-grey)}.invoice-item .action-menu-trigger{margin-left:var(--space-sm)}@media(max-width:767px){.supplier-invoices-page .page-header .page-header-title h1{font-size:var(--font-size-xl)}.supplier-invoices-page .filters-section{flex-direction:column}.supplier-invoices-page .filters-section .search-wrapper,.supplier-invoices-page .filters-section .filter-button,.supplier-invoices-page .filters-section .clear-filters-button{width:100%}.invoice-item{flex-direction:column}.invoice-item .invoice-item-right{width:100%;flex-direction:row;justify-content:space-between}.supplier-invoices-page .invoice-list-container .pagination-controls{gap:var(--space-sm)}.supplier-invoices-page .invoice-list-container .pagination-controls .pagination-button{padding:.5rem .75rem;font-size:var(--font-size-xs)}.supplier-invoices-page .invoice-list-container .pagination-controls .pagination-info{font-size:var(--font-size-xs)}}.vat-report-detail-page{max-width:800px}.vat-report-detail-page .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-lg);transition:opacity .2s}.vat-report-detail-page .back-link:hover{opacity:.7}.detail-loading,.detail-error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-md);padding:var(--space-2xl);text-align:center}.detail-loading .spinner,.detail-error .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:vat-detail-spin 1s linear infinite}.detail-loading p,.detail-error p{color:var(--color-grey);font-size:var(--font-size-sm);margin:0}.detail-header{margin-bottom:var(--space-lg)}.detail-header .detail-header-top{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs)}@media(max-width:767px){.detail-header .detail-header-top{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.detail-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}@media(max-width:767px){.detail-header h1{font-size:var(--font-size-xl)}}.detail-header .detail-status{padding:.5rem 1.5rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.detail-header .detail-status.status-paid{background:var(--color-green, #007E86);color:var(--color-white, #fff)}.detail-header .pay-button{padding:.5rem 1.5rem;background:var(--color-green);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.detail-header .pay-button:hover{background:var(--color-dark-green)}.detail-header .detail-meta{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.detail-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}@media(max-width:767px){.detail-card{padding:var(--space-md)}}.detail-card h2{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark-green);margin:0 0 var(--space-md) 0}.entries-table{display:flex;flex-direction:column}.entry-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--color-light-border)}.entry-row:last-child{border-bottom:none}.entry-row .entry-label{color:var(--color-dark-grey);font-size:var(--font-size-sm)}.entry-row .entry-amount{font-weight:600;color:var(--color-dark-green);font-size:var(--font-size-sm)}.entry-row.total-row{border-top:2px solid var(--color-dark-green);border-bottom:none;margin-top:var(--space-xs);padding-top:var(--space-md)}.entry-row.total-row .entry-label{font-weight:700;color:var(--color-dark-green);font-size:var(--font-size-base)}.entry-row.total-row .entry-amount{font-weight:700;font-size:var(--font-size-base)}@keyframes vat-detail-spin{to{transform:rotate(360deg)}}.vat-reports-page{display:flex;flex-direction:column;height:100%;gap:var(--space-lg)}.vat-reports-page .page-header{display:flex;align-items:flex-end;justify-content:space-between}.vat-reports-page .page-header .back-link{display:block;color:var(--color-dark-green);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-xs);transition:opacity .2s}.vat-reports-page .page-header .back-link:hover{opacity:.7}.vat-reports-page .page-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-green);margin:0}.vat-reports-page .page-header .count-badge{font-size:var(--font-size-sm);color:var(--color-grey);font-weight:500;padding-bottom:.25rem}.vat-reports-page .tax-summary{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-md)}@media(max-width:767px){.vat-reports-page .tax-summary{grid-template-columns:1fr}}.tax-summary-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}@media(max-width:767px){.tax-summary-card{padding:var(--space-md)}}.tax-summary-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.tax-summary-label{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;color:var(--color-grey);margin:0 0 var(--space-xs) 0}.tax-summary-header .tax-summary-label{margin:0}.tax-summary-amount{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark-green);margin:0}.tax-summary-amount.negative{color:var(--color-red)}@media(max-width:767px){.tax-summary-amount{font-size:var(--font-size-lg)}}.tax-summary-sum{font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:700;color:var(--color-dark-green)}.tax-summary-empty{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.tax-summary-loading{padding:var(--space-sm) 0}.tax-summary-loading .spinner-small{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:vat-spin .8s linear infinite}.tax-upcoming-list{list-style:none;margin:0;padding:0}.tax-upcoming-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-light-border)}.tax-upcoming-row:last-child{border-bottom:none}.tax-upcoming-info{display:flex;flex-direction:column;gap:2px;min-width:0}.tax-upcoming-text{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark-green);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tax-upcoming-date{font-size:var(--font-size-xs);color:var(--color-grey)}.tax-upcoming-amount{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.tax-upcoming-amount.negative{color:var(--color-red)}.tax-upcoming-amount.positive{color:var(--color-dark-green)}.vat-reports-page .vat-report-list-container{flex:1;overflow-y:auto}.vat-reports-page .vat-report-list-container .loading-state,.vat-reports-page .vat-report-list-container .empty-state{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);flex-direction:column;gap:var(--space-md)}.vat-reports-page .vat-report-list-container .loading-state .spinner,.vat-reports-page .vat-report-list-container .empty-state .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:vat-spin 1s linear infinite}.vat-reports-page .vat-report-list-container .loading-state p,.vat-reports-page .vat-report-list-container .empty-state p{font-size:var(--font-size-sm);color:var(--color-grey);margin:0}.vat-reports-page .vat-report-list-container .vat-report-list{display:flex;flex-direction:column;gap:var(--space-sm)}.vat-report-item{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);text-decoration:none;cursor:pointer;transition:all .2s}.vat-report-item:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #00000014}.vat-report-item .vat-report-item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.vat-report-item .vat-report-item-content .vat-report-item-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-dark-green)}.vat-report-item .vat-report-item-content .vat-report-item-status{align-self:flex-start;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--color-white)}.vat-report-item .vat-report-item-content .vat-report-item-status.status-paid{background:var(--color-green, #007E86)}.vat-report-item .vat-report-item-content .vat-report-item-status.status-unpaid{background:var(--color-orange, #e8a317)}.vat-report-item .vat-report-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.vat-report-item .vat-report-item-right .vat-report-item-amount{font-size:var(--font-size-base);font-weight:600;color:var(--color-dark-green)}.vat-report-item .vat-report-item-right .vat-report-item-date{font-size:var(--font-size-xs);color:var(--color-grey)}@keyframes vat-spin{to{transform:rotate(360deg)}}@media(max-width:767px){.vat-reports-page .page-header h1{font-size:var(--font-size-xl)}.vat-report-item{flex-direction:column}.vat-report-item .vat-report-item-right{width:100%;flex-direction:row;justify-content:space-between}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0px;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (max-width:480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,var(--color-green) 0%,var(--color-dark-green) 100%);position:relative;overflow:hidden}.landing-page:before{content:"";position:absolute;top:-20%;right:-10%;width:60%;height:80%;background:radial-gradient(ellipse,rgba(1,188,200,.15) 0%,transparent 70%);pointer-events:none}.landing-page:after{content:"";position:absolute;bottom:-30%;left:-15%;width:50%;height:60%;background:radial-gradient(ellipse,rgba(0,91,97,.3) 0%,transparent 70%);pointer-events:none}.brand-section{display:flex;flex-direction:column;justify-content:center;padding:var(--space-3xl);position:relative;z-index:1}.brand-logo{margin-bottom:var(--space-2xl)}.brand-logo img{width:400px;height:auto;display:block}.brand-content h1{font-family:var(--font-family-heading);font-size:var(--font-size-5xl);font-weight:700;color:var(--color-white);line-height:var(--line-height-tight);margin-bottom:var(--space-lg);letter-spacing:-.02em}.brand-content p{font-size:var(--font-size-lg);color:#ffffffd9;max-width:480px;line-height:var(--line-height-relaxed)}.brand-features{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-2xl)}.feature-item{display:flex;align-items:center;gap:var(--space-md);color:#ffffffe6;font-size:var(--font-size-md)}.feature-icon{width:24px;height:24px;background:#ffffff26;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:14px;height:14px;color:var(--color-turquoise)}.login-section{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);position:relative;z-index:1}.login-card{width:100%;max-width:420px;background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card h2{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-black);margin-bottom:var(--space-sm)}.login-card .subtitle{color:var(--color-grey);font-size:var(--font-size-sm);margin-bottom:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-light-black);margin-bottom:var(--space-sm)}.form-group input{width:100%;padding:var(--space-md);border:1px solid var(--color-light-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-family:var(--font-family);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--color-white);color:var(--color-black)}.form-group input::placeholder{color:var(--color-light-grey)}.form-group input:hover{border-color:var(--color-grey)}.form-group input:focus{outline:none;border-color:var(--color-green);box-shadow:0 0 0 3px #007e861a}.form-group input.error{border-color:var(--color-red)}.form-group input.error:focus{box-shadow:0 0 0 3px #d54c4c1a}.error-message{color:var(--color-red);font-size:var(--font-size-xs);margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.checkbox-group{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg)}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-green);cursor:pointer;flex-shrink:0;margin-top:2px}.checkbox-group label{font-size:var(--font-size-sm);color:var(--color-light-black);cursor:pointer;line-height:1.4}.checkbox-group a{color:var(--color-green);text-decoration:none;font-weight:500}.checkbox-group a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#183e4f,#0d2a36);color:var(--color-white)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-turquoise);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background:#00a8b3}.btn-bankid{background:#183e4f;color:var(--color-white);position:relative;overflow:hidden;padding:var(--space-xs);padding-right:var(--space-lg);gap:var(--space-xs);border-radius:var(--radius-sm)}.btn-bankid:hover:not(:disabled){background:#1a4a5e}.btn-bankid:active:not(:disabled){background:#12303d}.terms-hint{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-red);text-align:center}.bankid-icon{width:48px;height:40px;flex-shrink:0;border-radius:var(--radius-sm)}.status-message{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.status-message.pending{background:var(--color-lighter-green);color:var(--color-dark-green)}.status-message.error{background:#d54c4c1a;color:var(--color-red)}.status-message.success{background:var(--color-light-green);color:var(--color-dark-green)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;color:var(--color-grey);font-size:var(--font-size-sm)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-light-border)}.debug-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-yellow);color:var(--color-black);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.dashboard{min-height:100vh;background:var(--color-lighter-grey);padding:var(--space-2xl)}.dashboard-header{background:var(--color-white);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.dashboard-header h1{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-green)}.user-info{display:flex;align-items:center;gap:var(--space-md)}.user-avatar{width:40px;height:40px;background:var(--color-light-green);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-green);font-weight:600}.btn-logout{background:transparent;color:var(--color-grey);border:1px solid var(--color-light-border);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);text-transform:none}.btn-logout:hover{background:var(--color-lighter-grey);color:var(--color-red);border-color:var(--color-red)}@media(max-width:1024px){.landing-page{grid-template-columns:1fr}.brand-section{padding:var(--space-2xl);text-align:center;align-items:center}.brand-content h1{font-size:var(--font-size-4xl)}.brand-content p{margin:0 auto}.brand-features{align-items:center}}@media(max-width:640px){.brand-section{padding:var(--space-xl) var(--space-md)}.brand-content h1{font-size:var(--font-size-3xl)}.login-section{padding:var(--space-md)}.login-card{padding:var(--space-xl);border-radius:var(--radius-xl)}}.bankid-qr-section{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg) 0;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qr-code-container{padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0038311a;margin-bottom:var(--space-lg)}.qr-code-container svg{display:block}.qr-instruction{text-align:center;color:var(--color-dark-grey);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);line-height:1.5}.auth-method-selection{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.auth-method-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-lighter-grey);border:2px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-grey);cursor:pointer;transition:all var(--transition-fast)}.auth-method-btn svg{width:24px;height:24px}.auth-method-btn:hover:not(:disabled){background:var(--color-white);border-color:var(--color-light-border)}.auth-method-btn.active{background:var(--color-lighter-green);border-color:var(--color-green);color:var(--color-dark-green)}.auth-method-btn.active svg{color:var(--color-green)}.auth-method-btn:disabled{opacity:.5;cursor:not-allowed}.bankid-waiting-section{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) 0;animation:fadeIn .3s ease-out}.waiting-spinner{width:80px;height:80px;margin-bottom:var(--space-lg);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.bankid-icon-large{width:100%;height:100%}.waiting-instruction{text-align:center;color:var(--color-dark-grey);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.btn-link{background:none;border:none;color:var(--color-green);font-size:var(--font-size-sm);font-weight:500;padding:var(--space-sm) var(--space-md);cursor:pointer;text-decoration:none;transition:color var(--transition-fast);width:auto;text-transform:none;letter-spacing:normal}.btn-link:hover{color:var(--color-dark-green);text-decoration:underline}.btn-cancel{background:transparent;border:1px solid var(--color-light-border);color:var(--color-grey);font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg);width:auto;margin-top:var(--space-sm);text-transform:none;letter-spacing:normal}.btn-cancel:hover{background:var(--color-lighter-grey);border-color:var(--color-grey);color:var(--color-dark-grey)}.status-message.polling{background:var(--color-lighter-green);color:var(--color-dark-green)}.Toastify__toast{font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.Toastify__toast--error{background:var(--color-white);border-left:4px solid var(--color-red)}.Toastify__toast--error .Toastify__toast-body{color:var(--color-black)}.Toastify__toast--success{background:var(--color-white);border-left:4px solid var(--color-green)}.Toastify__toast--success .Toastify__toast-body{color:var(--color-black)}.Toastify__toast--warning{background:var(--color-white);border-left:4px solid var(--color-yellow)}.Toastify__toast--warning .Toastify__toast-body{color:var(--color-black)}.Toastify__toast--info{background:var(--color-white);border-left:4px solid var(--color-turquoise)}.Toastify__toast--info .Toastify__toast-body{color:var(--color-black)}.Toastify__progress-bar--error{background:var(--color-red)}.Toastify__progress-bar--success{background:var(--color-green)}.Toastify__progress-bar--warning{background:var(--color-yellow)}.Toastify__progress-bar--info{background:var(--color-turquoise)}.Toastify__close-button{color:var(--color-grey)}.Toastify__close-button:hover{color:var(--color-black)}.toast-error-detail{font-size:var(--font-size-xs);color:var(--color-grey);margin-top:var(--space-xs)}