@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-container{height:calc(100vh - 120px);margin-top:90px;margin-top:calc(60px + var(--spacing-xl))}.page-title{background-color:#fff;background-color:var(--white);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);margin-top:60px;padding:20px 30px;padding:var(--spacing-lg) var(--spacing-xl)}:root{--primary-color:#138496;--primary-hover:#106e7d;--secondary-color:#17a2b8;--text-color:#333;--text-light:#666;--background-light:#f8f9fa;--background-main:#f5f5f5;--white:#fff;--border-color:#ddd;--danger-color:#dc3545;--danger-color-hover:#c82333;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 6px 12px #00000026;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-index-modal:1000;--z-index-navbar:900;--z-index-dropdown:800}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-main);color:var(--text-color);font-family:var(--font-family);line-height:1.5;padding-top:60px}.page-wrapper{margin:0 auto;max-width:1440px}.content-wrapper,.page-wrapper{padding:var(--spacing-xl) var(--spacing-lg)}.page-title-container{background-color:var(--white);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl);width:100%}.page-title{font-size:var(--font-size-xl);font-weight:700;margin:0 auto;max-width:1440px}.section-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-md)}.subsection-title{font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--spacing-sm)}.section-wrapper{margin-bottom:var(--spacing-xl)}.card,.section-wrapper{padding:var(--spacing-lg)}.card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);margin:var(--spacing-md);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.btn{border:1px solid #0000;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-block;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all var(--transition-normal)}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--white);border-color:var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--white)}.form-control{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);padding:var(--spacing-sm);transition:border-color var(--transition-normal);width:100%}.form-control:focus{border-color:var(--primary-color);outline:none}.grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.m-0{margin:0}.mt-sm{margin-top:var(--spacing-sm)}.mb-sm{margin-bottom:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-0{padding:0}.pt-sm{padding-top:var(--spacing-sm)}.pb-sm{padding-bottom:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pb-md{padding-bottom:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pb-lg{padding-bottom:var(--spacing-lg)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-bold{font-weight:700}.text-primary{color:var(--primary-color)}.text-light{color:var(--text-light)}.App{background-color:var(--background-main);min-height:100vh}.main-content{margin-left:auto;margin-right:auto;margin-top:60px;max-width:1440px;padding:var(--spacing-xl) var(--spacing-lg)}.container{max-width:1200px}.container,.container-fluid{margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl)}.container-fluid{max-width:1440px;width:100%}.container-narrow{margin:0 auto;max-width:800px;padding:var(--spacing-lg) var(--spacing-xl)}.section{margin-bottom:var(--spacing-xl)}.card-container,.section{padding:var(--spacing-lg)}.card-container{margin-bottom:var(--spacing-lg)}.form-container{margin:0 auto;max-width:600px}.form-container,.loading{padding:var(--spacing-xl)}.error-message,.success-message{border-radius:var(--border-radius-sm);margin:var(--spacing-lg) 0;padding:var(--spacing-lg)}.error-message{background-color:#f8d7da;border:1px solid #dc3545;color:#dc3545}.success-message{background-color:#d4edda;border:1px solid #28a745;color:#28a745}input,select,textarea{-webkit-text-size-adjust:100%;font-size:16px}@media (max-width:768px){body{touch-action:manipulation}.main-content{padding:var(--spacing-lg) var(--spacing-md)}.container,.container-fluid,.container-narrow,.section{padding:var(--spacing-md)}.section{margin-bottom:var(--spacing-lg)}}.copyrightBanner{background-color:var(--background-light);border-top:1px solid var(--border-color);bottom:0;left:0;margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:center;width:100%;z-index:10}.copyrightBanner a{color:#000;text-decoration:none}.copyrightBanner a:hover{text-decoration:underline}.order-pills{background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;max-height:120px;overflow-y:auto;padding:10px}.order-pill{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;display:flex;flex:0 1 auto;font-size:14px;max-width:calc(50% - 8px);min-width:45px;padding:8px 16px;text-align:left;transition:all .2s ease;white-space:nowrap}.order-pill .base-order,.order-pill .current-order,.order-pill .derivative-order{align-items:center;display:flex;gap:8px;justify-content:flex-start;width:100%}.order-pill .pill-order-id{flex-shrink:0;font-weight:400;min-width:50px}.order-pill .pill-company{border-left:1px solid #dee2e6;color:#666;flex:1 1;font-size:12px;min-width:0;overflow:hidden;padding-left:8px;text-overflow:ellipsis}.order-pill:hover{background:#e9ecef}.order-pill.active{background:#007bff;border-color:#0056b3;color:#fff}.order-pill .current-order{font-weight:700}.order-pill .derivative-order{color:#666;font-size:14px}.order-pill .base-order{color:#333}.order-pill.active .base-order,.order-pill.active .derivative-order,.order-pill.active .pill-company{color:#fff}.order-pill.active .pill-company{border-left-color:#ffffff4d}.order-pill{position:relative}.order-pill:hover:after{background:#000c;border-radius:4px;bottom:-30px;color:#fff;content:attr(title);font-size:12px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}@media (max-width:768px){.order-pill{max-width:100%}.order-pills{max-height:160px}}.dropdown-menu{box-shadow:0 2px 4px #0000001a;list-style:none;max-height:200px;right:0;z-index:1000}.dropdown-item{padding:8px 12px;transition:background-color .2s}.dropdown-item:hover{background-color:#f5f5f5}.modal-content,.table-add-items{max-width:700px}.close{font-size:24px;right:10px;top:10px}.form-container{flex-wrap:wrap}.form-group{flex:1 1 45%;margin:5px}.label{margin-bottom:3px;margin-right:10px}.input{margin-bottom:5px}textarea.input{resize:vertical}.form-actions{display:flex;justify-content:space-between;margin-top:10px;width:100%}.btn-discard,.btn-save{border:none;border-radius:4px;cursor:pointer;padding:10px 20px}.btn-save{background-color:#4caf50;color:#fff}.btn-save:hover{background-color:#45a049}.btn-discard{background-color:#f44336;color:#fff}.btn-discard:hover{background-color:#e53935}.company-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:500px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1100}.company-modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.company-search{margin-bottom:16px;position:relative}.company-search input{border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;padding:12px;width:100%}.company-search input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.company-list{flex:1 1;margin:0 -20px;max-height:calc(80vh - 140px);min-height:200px;padding:0 20px}.company-item{display:flex;flex-direction:column;margin:0 -20px;padding:12px 16px}.company-item:last-child{border-bottom:none}.company-name{font-size:14px;margin-bottom:4px}.company-country{align-items:center;color:#666;display:flex;font-size:12px}.company-country:before{content:"📍";font-size:12px;margin-right:4px}.buyer-display,.buyer-text{align-items:center;display:flex;flex:1 1}.buyer-text{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;min-height:36px;padding:8px 12px}.modal-title{color:#333;font-size:18px;font-weight:500;margin-bottom:16px}.edit-button{align-items:top;border-radius:4px;display:flex;justify-content:center;margin:0;padding:8px;transition:background-color .2s}.edit-button:hover{background-color:#f0f0f0}.company-modal-footer{border-top:1px solid #eee;padding:15px;text-align:center}.add-company-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.add-company-button:hover{background-color:#e9ecef;border-color:#ccc}.step-progress{background-color:var(--background-light);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.step-indicator{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-light);flex:1 1;font-size:var(--font-size-sm);margin:0 var(--spacing-xs);padding:var(--spacing-sm);text-align:center;transition:all var(--transition-fast)}.step-indicator.active{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm);color:var(--white)}.step-indicator.validated{background-color:var(--success-color);border-color:var(--success-color);color:var(--white)}.step-container{max-width:100%;padding:var(--spacing-md)}.step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.step-content{margin-bottom:var(--spacing-lg)}.step-sub-content{margin:0,20% 20%}.step-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.form-row{display:flex;gap:var(--spacing-md)}.form-group,.form-row{flex-direction:column;margin-bottom:var(--spacing-md);width:100%}.label{color:var(--text-dark);font-weight:500;margin-bottom:var(--spacing-xs)}.input,.select,textarea{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);padding:var(--spacing-sm);transition:border-color var(--transition-fast);width:100%}.input:focus,.select:focus,textarea:focus{border-color:var(--primary-color);outline:none}.input:disabled{background-color:var(--background-light)}.jurisdiction-options{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.jurisdiction-options label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-xs)}.jurisdiction-options input[type=radio]{display:none}.jurisdiction-options .pill{background-color:var(--white);border:2px solid var(--border-color);border-radius:50px;font-weight:500;min-width:80px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;transition:all .2s ease-in-out}.jurisdiction-options .pill:hover{background-color:var(--background-light);border-color:var(--primary-color)}.jurisdiction-options input[type=radio]:checked+.pill{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;color:var(--white)}.dropdown{width:100%}.dropdown-content{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{padding:var(--spacing-sm);transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--background-light)}.order-type-options{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.order-type-options label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-xs)}.order-type-options input[type=radio]{display:none}.order-type-options .pill{background-color:var(--white);border:2px solid var(--border-color);border-radius:50px;font-weight:500;min-width:120px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;transition:all .2s ease-in-out}.order-type-options .pill:hover{background-color:var(--background-light);border-color:var(--primary-color)}.order-type-options input[type=radio]:checked+.pill{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;color:var(--white)}.select{background-color:var(--white);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);padding:var(--spacing-sm);transition:all .2s ease-in-out;width:100%}.select:focus,.select:hover{border-color:var(--primary-color)}.select:focus{box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);outline:none}.modal{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);left:50%;padding:var(--spacing-lg);top:50%;width:90%;z-index:var(--z-index-modal)}.modal-content{width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:var(--spacing-md)}.modal-header h2{color:var(--text-dark);font-size:var(--font-size-xl);margin:0}.modal-body{padding:var(--spacing-md) 0}.close-button{background:none;color:var(--text-light);font-size:var(--font-size-xl);padding:var(--spacing-xs);transition:color var(--transition-fast)}.close-button:hover{color:var(--text-dark)}.items-table{border-collapse:collapse;margin-bottom:var(--spacing-md);width:100%}.items-table td,.items-table th{border:1px solid var(--border-color);padding:var(--spacing-sm);text-align:left}.items-table th{font-weight:500}.items-table th,.items-table tr:nth-child(2n){background-color:var(--background-light)}.document-upload{border:2px dashed var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;margin-bottom:var(--spacing-md);padding:var(--spacing-lg);text-align:center;transition:border-color var(--transition-fast)}.document-upload:hover{border-color:var(--primary-color)}.document-upload input[type=file]{display:none}.uploaded-file{align-items:center;background-color:var(--background-light);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.add-order-modal{max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.items-section table{border-collapse:collapse;margin:var(--spacing-md) 0;width:100%}.items-section td,.items-section th{border:1px solid var(--border-color);padding:var(--spacing-sm);text-align:left}.items-section th{background-color:var(--background-light);font-weight:500}.file-upload{border:2px dashed var(--border-color);padding:var(--spacing-md);text-align:center}.file-info,.file-upload{border-radius:var(--border-radius-sm)}.file-info{align-items:center;background-color:var(--background-light);display:flex;justify-content:space-between;margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.confirmation-modal{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-lg);position:fixed;width:90%;z-index:var(--z-index-modal)}.confirmation-modal h3{color:var(--text-color);margin:0 0 var(--spacing-md)}.confirmation-modal p{color:var(--text-light);margin:0 0 var(--spacing-lg)}.notice{background-color:var(--background-light);border-radius:var(--border-radius-sm);color:var(--text-light);margin:0;padding:var(--spacing-sm);text-align:center}.company-list{max-height:300px;overflow-y:auto}.company-item{border-bottom:1px solid #eee;cursor:pointer;padding:10px;transition:background-color .2s}.company-item:hover{background-color:#f8f9fa}.company-item h5{color:#333;font-size:1rem;margin:0}.company-item p{color:#666;font-size:.875rem;margin:5px 0 0}.selected-company-details{background-color:#f8f9fa;border-radius:4px;margin-top:15px;padding:15px}.selected-company-details p{margin:5px 0}@media (min-width:768px){.form-group{align-items:center;flex-direction:row;gap:var(--spacing-md)}.form-group label{flex:0 0 200px;margin-bottom:0}.form-group .dropdown,.form-group .input,.form-group .select,.form-group textarea{flex:1 1}}@media (max-width:767px){.form-group{flex-direction:column;gap:var(--spacing-xs)}.form-group label{margin-bottom:var(--spacing-xs)}.form-group .dropdown,.form-group .input,.form-group .select,.form-group textarea{width:100%}}@media (max-width:768px){.form-group{min-width:100%}.step-progress{flex-direction:column;gap:var(--spacing-sm)}.step-indicator{margin:0}.items-section{overflow-x:auto}}.modal-content{background-color:#fefefe;box-shadow:0 4px 8px 0 #0003;max-height:80%;max-width:600px;overflow-y:auto;position:relative}.invoice-page-total{padding-top:400px}.close{color:#aaa;cursor:pointer;font-size:28px;font-weight:700;position:absolute;right:5px;top:5px}.close:focus,.close:hover{color:#000;text-decoration:none}.form-group{display:flex;margin-bottom:2px;max-width:900px}.label{flex:1 1;font-weight:700;margin-right:5px;text-align:left}.input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px}.input[type=file]{padding:4px}.input:disabled{background-color:#f0f0f0;color:#555;cursor:not-allowed}.input.manufacturer-input:not(:disabled){background-color:#fff;border:1px solid #ccc;cursor:text}.jurisdiction-options{display:flex;gap:10px}.pill{border:1px solid #ccc;border-radius:20px;cursor:pointer;display:inline-block;padding:8px 16px}input[type=radio]{display:none}input[type=radio]:checked+.pill{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.add-order-button,.submit-button{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:10px;padding:8px 16px}.submit-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.add-order-button:hover,.submit-button:hover{background-color:#17a2b8}.dropdown{flex:1 1;font-size:14px;position:relative}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;left:0;list-style-type:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:101}.dropdown-item{border-bottom:1px solid #ccc;cursor:pointer;padding:8px;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f0f0f0}.custom-datepicker-input{box-sizing:border-box;display:flex}.react-datepicker-wrapper{flex:1 1;font-size:14px}.react-datepicker__input-container input{display:flex;width:94%}@media (max-width:600px){.modal-content{max-height:90%;max-width:100%;overflow-x:hidden;padding-bottom:50px;padding-right:10px;width:100%}.company-info-modal{max-width:99%}.button-group{align-items:stretch;flex-direction:column}.modal-delete-button,.modal-save-button,.modal-toggle-status-button{width:100%}.form-group{display:contents}}.danger-button{background-color:var(--danger-color)}.danger-button:hover{background-color:var(--danger-color-hover)}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__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-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.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:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.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{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.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){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.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{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.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{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;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;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.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{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.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{background-color:#f0f0f0;cursor:pointer}.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{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.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{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted: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{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays: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{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected: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{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.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__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__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__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__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__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__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__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{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-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-year-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__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.orders-table{margin-top:20px}.orders-table.orders-table-1 tbody tr:nth-child(2n),.orders-table.orders-table-2 tbody tr:nth-child(2n){background-color:#edf6ff}.orders-table.orders-table-1 tbody tr:nth-child(odd),.orders-table.orders-table-2 tbody tr:nth-child(odd){background-color:#fff}.orders-table tbody tr:hover{background-color:#e3f1ff;color:#000}.base-order-row{background-color:#fff}.derivative-order-row{background-color:#f8f9fa}.derivative-order-row td{color:#666}.derivative-order-row td:first-child{padding-left:25px}.derivative-arrow{color:#666;display:inline-block;font-size:18px;margin-right:8px}.action-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:0 4px;padding:6px 12px}.action-button:hover{background-color:#0056b3}.company-info-button{background:none;border:none;color:#007bff;cursor:pointer;padding:0;text-decoration:underline}.company-info-button:hover{color:#0056b3}.actions-cell{white-space:nowrap}.preview-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.preview-modal iframe{background:#fff;border:none;height:90%;width:90%}.preview-modal .close-button{background:#fff;border:none;border-radius:4px;cursor:pointer;font-size:24px;padding:5px 10px;position:absolute;right:20px;top:20px}.loading-overlay{align-items:center;background-color:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.modal-overlay{background-color:#00000080;bottom:0;right:0;z-index:var(--z-index-modal)}.modal-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-lg)}.modal-actions,.modal-buttons{gap:var(--spacing-md)}.modal-buttons button{min-width:100px}.order-form-modal{margin:0 auto;max-width:1200px;padding:var(--spacing-lg);width:100%}.order-form-modal .modal-body{padding:var(--spacing-lg) 0}@media (max-width:768px){.order-form-modal{margin:var(--spacing-md) auto;padding:var(--spacing-md);width:95%}}.company-info-modal{margin:0 auto;max-width:800px;padding:var(--spacing-lg);width:100%}.company-info-modal form{display:flex;flex-direction:column;gap:var(--spacing-md)}.company-info-modal label{font-weight:500;margin-bottom:var(--spacing-xs)}@media (max-width:768px){.company-info-modal{margin:var(--spacing-md) auto;padding:var(--spacing-md);width:95%}}.company-detail-row{border-bottom:1px solid #ddd;display:flex;padding:5px 0;text-align:left}.company-detail-title{flex:1 1;font-weight:700}.company-detail-content,.company-detail-title{color:#333;white-space:normal;word-break:break-word}.company-detail-content{flex:2 1}.company-detail-content a{color:#007bff;text-decoration:none}.company-detail-content a:hover{text-decoration:underline}.modal{overflow:auto}.modal-content-multiple{background-color:#fefefe;box-shadow:0 4px 8px 0 #0003;max-height:80%;max-width:1400px;overflow-y:auto;padding:20px;position:relative}.modal-overlay-invoice{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content-invoice{background:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;flex-direction:column;padding:20px;width:210mm}textarea{height:20mm;resize:vertical;width:200mm}.invoice{border:1px solid #000;box-sizing:border-box;margin:30px auto auto;min-height:297mm;padding:8mm;position:relative;width:210mm}.editable-field{transition:background-color .3s}.editable-field:hover{background-color:#f0f0f0}.action-icon:hover{background-color:#138496}.action-icon{fill:none;background:none;color:#138496}.action-icon,button{margin-left:10px;padding:5px 10px}.invoice-footer,.invoice-header{left:0;right:0}.invoice-header{top:0}.invoice-footer{bottom:0;text-align:center}.invoice-body{margin-bottom:10px;margin-top:10px}.invoice-table{border-collapse:collapse;width:100%}.invoice-table td,.invoice-table th{border:1px solid #000;padding:10px;text-align:left}.invoice-total{font-size:1.5em;margin-top:5px}.delete-button{background:#0000;color:red;font-size:1.2em;font-weight:700}.button-container{align-items:flex-start;flex-direction:column;position:relative}.invoice-number{padding:0;width:100%}.invoice-number-number{text-align:left;width:50%}.invoice-number-date{text-align:right;width:50%}.invoice-company{justify-content:space-between}.invoice-company th{font-size:15px;font-weight:500;margin:0;padding-left:45px}.buttons-action{align-items:flex-start;display:flex;flex-direction:row}.invoice-company p{margin:0}.invoice{padding-top:20px}.invoice-table tfoot td{text-align:right}.box-for-company-details{border:3px solid #000;box-sizing:border-box;padding:3px;width:85mm}.invoice-number-number p{font-weight:400;margin:0}.invoice-number-number h2{font-weight:700;padding:0}.invoice-cleint-information h3,.invoice-cleint-information p{margin:0;padding:0}.butttons-action{align-items:flex-start;display:flex;flex-direction:row}.invoice-client-information h3,.invoice-client-information p,.invoice-number-date p{margin:0;padding:0}@media print{@page{margin:0;padding:0}body *{visibility:hidden}#invoice,#invoice *{visibility:visible}.invoice{padding-top:0}#invoice{border:none;height:282.15mm;left:0;margin:0;padding:6mm;position:absolute;top:0;width:199.5mm}.action-icon,.confirm-button,.delete-button,.edit-button,.print-button{display:none}.invoice-footer{bottom:15mm;position:absolute;width:100%}}.table-section{margin-bottom:var(--spacing-xl)}.table-actions{border-top:1px solid var(--border-color);display:flex;justify-content:flex-start;margin-top:var(--spacing-md);padding:var(--spacing-md)}.add-order-button{align-items:center;border:none;border-radius:var(--border-radius-sm);color:var(--white);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.add-order-button:hover{background-color:var(--primary-hover)}.manufacturer-input{background-color:var(--background-light);color:var(--text-color);cursor:not-allowed}.loginPage_signInContainer__LZWjY{align-items:center;background-color:#f0f0f0;background-image:url(/static/media/SomitekWatermark.92bb6be7278ec3e411cd.png);background-repeat:repeat;background-size:150px 150px;display:flex;font-family:Arial,sans-serif;height:85vh;justify-content:center;margin:0}.loginPage_signInCard__nZ0ER{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:400px;padding:20px;width:100%}.loginPage_signInTitle__xCxTF{color:#333;text-align:center}.loginPage_inputGroup__UuDDV{display:flex;flex-direction:column;gap:10px}.loginPage_inputGroup__UuDDV label{margin-top:10px}.loginPage_signInInput__IDcMl{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px}.loginPage_signInInput__IDcMl:focus{border-color:#17a2b8;outline:none}.loginPage_signInButton__ZHyQN{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px}.loginPage_signInButton__ZHyQN:hover{background-color:#138496}.loginPage_forgotPasswordButton__O\+EwX{background:none;border:#138496;border-width:1px;color:#17a2b8;cursor:pointer;font-size:14px;margin-top:10px;text-align:center;text-decoration:underline}.loginPage_forgotPasswordButton__O\+EwX:hover{color:#138496}.loginPage_errorMessage__LEvKq{color:red;margin-top:10px;text-align:center}.ProfileSettings_profileSettingsPage__rjc9z{align-items:center;background-color:#f0f0f0;background-image:url(/static/media/SomitekWatermark.92bb6be7278ec3e411cd.png);background-repeat:repeat;background-size:150px 150px;display:flex;font-family:Arial,sans-serif;height:85vh;justify-content:center;margin:0}.ProfileSettings_profileSettingsContainer__1I\+ij{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:400px;padding:20px;width:100%}.ProfileSettings_profileSettingsBox__l4EGv{align-items:center;display:flex;flex-direction:column}.ProfileSettings_inputGroup__vryvq{display:flex;flex-direction:column;gap:10px;margin-top:10px}.ProfileSettings_inputGroup__vryvq label{margin-top:10px}button{padding:10px}button+button{margin-top:10px}i.ProfileSettings_fas__kRu7W.ProfileSettings_fa-user__6P7ZW.ProfileSettings_fa-5x__nxBwW{margin-bottom:10px}.ForgotPasswordPage_forgotPasswordContainer__L\+\+o9{align-items:center;background-color:#f0f0f0;background-image:url(/static/media/SomitekWatermark.92bb6be7278ec3e411cd.png);background-repeat:repeat;background-size:150px 150px;display:flex;font-family:Arial,sans-serif;height:85vh;justify-content:center;margin:0}.ForgotPasswordPage_forgotPasswordBox__oBndq{background-color:#fff;border-radius:10px;box-shadow:0 0 15px #0003;max-width:400px;padding:30px;text-align:center;width:90%}.ForgotPasswordPage_ForgotPasswordInput__RUmta{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:block;padding:10px;width:calc(100% - 20px)}button{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}button:hover{background-color:#138496}.resetPasswordPage_resetPasswordContainer__md1J-{align-items:center;background-color:#f0f0f0;background-image:url(/static/media/SomitekWatermark.92bb6be7278ec3e411cd.png);background-repeat:repeat;background-size:150px 150px;display:flex;font-family:Arial,sans-serif;height:85vh;justify-content:center;margin:0}.resetPasswordPage_resetPasswordCard__wUMfB{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:400px;padding:20px;width:100%}.resetPasswordPage_resetPasswordTitle__7H6-U{color:#333;text-align:center}.resetPasswordPage_inputGroup__r0p1w,form{display:flex;flex-direction:column;gap:10px}.resetPasswordPage_inputGroup__r0p1w label{margin-top:10px}.resetPasswordPage_resetPasswordInput__Hwi6N{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px}.resetPasswordPage_resetPasswordInput__Hwi6N:focus{border-color:#17a2b8;outline:none}.resetPasswordPage_confirmPasswordInput__V2-E1{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px}.resetPasswordPage_confirmPasswordInput__V2-E1:focus{border-color:#17a2b8;outline:none}.resetPasswordPage_resetPasswordButton__yykcT{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px}.resetPasswordPage_resetPasswordButton__yykcT:hover{background-color:#138496}.resetPasswordPage_errorMessage__9Q75k{color:red;margin-top:10px;text-align:center}.resetPasswordPage_successMessage__4ajKQ{color:green;margin-top:10px;text-align:center}.navbar{background-color:var(--background-light);box-shadow:var(--shadow-sm);left:0;padding:var(--spacing-md) 0;position:fixed;right:0;top:0;transition:height var(--transition-normal);z-index:var(--z-index-navbar)}.navbar,.navbar .nav-content{display:flex;justify-content:space-between;width:100%}.navbar .nav-content{align-items:center;margin:0 auto;max-width:1440px;padding:0 var(--spacing-xl)}.logout-btn{margin-right:var(--spacing-sm)}.navbar ul{list-style-type:none;margin:0;padding:0}.navbar .actions,.navbar .pages{align-items:center;display:flex;margin:0}.navbar li{margin-right:var(--spacing-md)}.navbar a{color:var(--text-color);padding:var(--spacing-sm);text-decoration:none;transition:color var(--transition-normal)}.navbar .active,.navbar a:hover{color:var(--secondary-color)}.navbar .active{font-weight:700}.navbar .logout-btn{margin-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.navbar .actions li button{background-color:var(--background-light);border:1px solid var(--primary-color);border-radius:var(--border-radius-sm);color:var(--text-color);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.navbar .actions li button:hover{background-color:var(--primary-color);color:var(--white)}.hamburger{background:none;border:none;color:var(--primary-color);cursor:pointer;display:none;font-size:var(--font-size-xl)}.navbar.open .actions,.navbar.open .pages{background-color:var(--background-light);box-shadow:var(--shadow-sm);display:block;left:0;padding:var(--spacing-sm) 0;position:absolute;top:60px;width:100%;z-index:var(--z-index-navbar)}.navbar.open .pages{margin-top:0}.navbar.open .actions{align-items:flex-end;display:flex;flex-direction:column;margin-top:var(--spacing-sm);padding:0 var(--spacing-lg)}.navbar .actions.show,.navbar .pages.show{display:flex}@media (max-width:768px){.navbar{padding:var(--spacing-sm) 0}.navbar .nav-content{padding:0 var(--spacing-md)}.navbar .pages{display:none;flex-direction:column;margin-top:var(--spacing-sm);padding-top:var(--spacing-lg)}.navbar.open .pages{display:flex}.navbar li{animation:fadeIn .5s forwards;font-size:var(--font-size-lg);opacity:0;padding-top:var(--spacing-md)}.navbar .pages li:first-child{animation-delay:.1s}.navbar .pages li:nth-child(2){animation-delay:.2s}.navbar .pages li:nth-child(3){animation-delay:.3s}.navbar .pages li:nth-child(4){animation-delay:.4s}.navbar .pages li:nth-child(5){animation-delay:.5s}.navbar .pages li:nth-child(6){animation-delay:.6s}.navbar .pages li:nth-child(7){animation-delay:.7s}.navbar .pages li:nth-child(8){animation-delay:.8s}.navbar .pages li:nth-child(9){animation-delay:.9s}.navbar .pages li:nth-child(10){animation-delay:1s}.navbar .user-name{font-size:var(--font-size-sm)}.navbar.open .actions.show{display:none}.navbar.open .actions{align-items:flex-start;display:flex;flex-direction:column;margin-top:var(--spacing-sm)}.hamburger{display:block}.navbar.open .actions,.navbar.open .pages{padding:var(--spacing-md) var(--spacing-md)}}.AdminInvoices_container__4tMWc{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:800px;padding:20px}.AdminInvoices_title__-ZiLf{color:#17a2b8;font-size:24px;margin-bottom:20px}.AdminInvoices_invoiceList__HDEUx{width:100%}.AdminInvoices_invoiceVendor__N2DAr{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:15px}.AdminInvoices_vendorTitle__fOvTg{color:#17a2b8;font-size:20px;margin-bottom:10px}.AdminInvoices_invoiceItem__UjsF-{align-items:center;display:flex;margin-bottom:10px}.AdminInvoices_label__tPMtk{flex:1 1;font-weight:700}.AdminInvoices_input__WqQVI{border:1px solid #ddd;border-radius:4px;flex:2 1;padding:8px}.AdminInvoices_buttons__KTw25{margin-top:20px}.AdminInvoices_button__2B1Jh{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px;transition:background-color .3s}.AdminInvoices_button__2B1Jh:hover{background-color:#138496}.AdminInvoices_message__1Iidv{color:#333;font-size:18px;text-align:center}.AdminUsers_container__ccP4q{background-color:#f8f9fa;padding-top:40px}.AdminUsers_table__4mpg5{border-collapse:initial;border-spacing:0 10px;width:100%}.AdminUsers_table__4mpg5 td,.AdminUsers_table__4mpg5 th{background-color:#fff;border:1px solid #dee2e6;padding:10px}.AdminUsers_actions__PxaPi{display:flex;gap:10px}.AdminUsers_button__k1VOD,.AdminUsers_select__EYg1d{padding:5px}.AdminUsers_button__k1VOD{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer}.AdminUsers_button__k1VOD:hover{background-color:#138496}.CreateUserPage_container__F6K\+w{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;max-width:100%;padding:20px;width:100%}.CreateUserPage_title__13oCe{color:#17a2b8;font-size:24px;margin-bottom:15px;text-align:center}.CreateUserPage_input__qH1Uf,.CreateUserPage_select__orQwi{border:1px solid #ddd;border-radius:4px;margin:10px 0;padding:10px;width:calc(100% - 22px)}.CreateUserPage_button__Mmpeb{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s;width:100%}.CreateUserPage_button__Mmpeb:hover{background-color:#138496}.AdminPanel_container__O7Jpq{align-items:center;background-color:#e0e0e0;display:flex;flex-direction:column;padding:40px 20px 20px}.AdminPanel_title__zkJcW{color:#17a2b8;font-size:28px;margin-bottom:20px}.AdminPanel_table__aGZAi{border-collapse:initial;border-spacing:20px;max-width:1200px;width:100%}.AdminPanel_tableCell__YvyjU{background-color:#fff;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;padding:20px;vertical-align:top;width:50%}.archive-container{background-color:#f9f9f9;padding:20px}.archive-controls,.date-range-controls,.filter-controls,.search-controls{margin-bottom:20px}.date-range-controls input,.filter-controls select,.search-controls input{font-size:16px;margin-bottom:10px;padding:8px}.date-range-controls input,.filter-controls select,.search-controls input{width:200px}h1{font-size:24px;margin-bottom:20px}.orders-table th{background-color:#f4f4f4}.date-range-controls{align-items:center;display:flex;gap:1rem;margin:1rem 0}.date-input-group{align-items:center;display:flex;gap:.5rem}.date-input-group label{color:#333;font-weight:500}.date-input-group input[type=date]{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:.5rem}.date-input-group input[type=date]:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:5px;padding:20px;width:90%}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-buttons button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.modal-buttons button:first-child{background-color:#dc3545;color:#fff}.modal-buttons button:last-child{background-color:#6c757d;color:#fff}.orders-table-container{overflow-x:auto;width:100%}.order-link{color:#138496}.orders-table{border-collapse:collapse;width:100%}.orders-table td,.orders-table th{word-wrap:break-word;border:1px solid #ddd;font-size:14px;padding:8px;text-align:left;vertical-align:middle;white-space:pre-wrap}.orders-table th{background-color:#e7f2fb}.orders-table td button{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.orders-table td button:hover{background-color:#138496}.invoice-preview{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.invoice-preview,.preview-content{align-items:center;display:flex;justify-content:center}.preview-content{background-color:#fff;border-radius:4px;flex-direction:column;height:90%;overflow:auto;padding:20px;position:relative;width:90%}.preview-frame{border:none;height:100%;max-height:100%;width:100%}.close-button{align-items:center;background-color:#dc3545;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:10px;top:10px;width:36px}.close-button:hover{background-color:#c82333}.orders-table.orders-table-1 td:first-child,.orders-table.orders-table-1 th:first-child{width:7%}.orders-table.orders-table-1 td:nth-child(2),.orders-table.orders-table-1 th:nth-child(2){width:8%}.orders-table.orders-table-1 td:nth-child(3),.orders-table.orders-table-1 td:nth-child(4),.orders-table.orders-table-1 td:nth-child(5),.orders-table.orders-table-1 th:nth-child(3),.orders-table.orders-table-1 th:nth-child(4),.orders-table.orders-table-1 th:nth-child(5){width:7%}.orders-table.orders-table-1 td:nth-child(6),.orders-table.orders-table-1 th:nth-child(6){width:12%}.orders-table.orders-table-1 td:nth-child(7),.orders-table.orders-table-1 th:nth-child(7){width:27%}.orders-table.orders-table-1 td:nth-child(10),.orders-table.orders-table-1 td:nth-child(11),.orders-table.orders-table-1 td:nth-child(12),.orders-table.orders-table-1 td:nth-child(8),.orders-table.orders-table-1 td:nth-child(9),.orders-table.orders-table-1 th:nth-child(10),.orders-table.orders-table-1 th:nth-child(11),.orders-table.orders-table-1 th:nth-child(12),.orders-table.orders-table-1 th:nth-child(8),.orders-table.orders-table-1 th:nth-child(9){width:5%}.orders-table.orders-table-2 td:first-child,.orders-table.orders-table-2 th:first-child{width:7%}.orders-table.orders-table-2 td:nth-child(2),.orders-table.orders-table-2 th:nth-child(2){width:8%}.orders-table.orders-table-2 td:nth-child(3),.orders-table.orders-table-2 td:nth-child(4),.orders-table.orders-table-2 td:nth-child(5),.orders-table.orders-table-2 th:nth-child(3),.orders-table.orders-table-2 th:nth-child(4),.orders-table.orders-table-2 th:nth-child(5){width:7%}.orders-table.orders-table-2 td:nth-child(6),.orders-table.orders-table-2 th:nth-child(6){width:12%}.orders-table.orders-table-2 td:nth-child(7),.orders-table.orders-table-2 th:nth-child(7){width:10%}.orders-table.orders-table-2 td:nth-child(8),.orders-table.orders-table-2 th:nth-child(8){width:17%}.orders-table.orders-table-2 td:nth-child(10),.orders-table.orders-table-2 td:nth-child(11),.orders-table.orders-table-2 td:nth-child(12),.orders-table.orders-table-2 td:nth-child(13),.orders-table.orders-table-2 td:nth-child(9),.orders-table.orders-table-2 th:nth-child(10),.orders-table.orders-table-2 th:nth-child(11),.orders-table.orders-table-2 th:nth-child(12),.orders-table.orders-table-2 th:nth-child(13),.orders-table.orders-table-2 th:nth-child(9){width:5%}.export-button{background-color:#28a745;border:none;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:10px 20px}.export-button:hover{background-color:#218838}.total-sum-number-invoice{font-family:Courier New,Courier,monospace;font-weight:900;text-align:right;white-space:nowrap}.purple{background-color:#d8a1c5}.pale-orange{background-color:#f5c6c7}.pale-yellow{background-color:#f3f4d1}.pale-green{background-color:#b2d9b0}.pale-blue{background-color:#b8d9e8}.gray{background-color:#eee}.header-container{gap:15px;margin-bottom:20px}.debt-toggle,.header-container{align-items:center;display:flex}.debt-toggle{background:#fff;border:1px solid #ddd;border-radius:4px;gap:8px;padding:5px 10px}.debt-toggle span{font-size:14px}.switch{width:46px}.slider{background-color:#ccc}.slider:before{bottom:3px;height:18px;left:3px;width:18px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(22px)}.debtors-page{padding:20px}.color-legend{margin:20px 0}.color-legend h2{margin-bottom:10px}.color-legend ul{display:flex;flex-direction:row;flex-wrap:wrap;list-style-type:none;padding:0}.color-legend li{align-items:center;display:flex;font-size:14px;margin-right:20px}.color-legend .color-box{border:1px solid #ddd;display:inline-block;height:20px;margin-right:10px;width:20px}.table-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.table-item:first-child{grid-column:1;grid-row:1}.table-item:nth-child(2){grid-column:2;grid-row:1}.table-item:nth-child(3){grid-column:1/span 1;grid-row:2}@media (max-width:768px){.table-container{grid-template-columns:1fr;grid-template-rows:repeat(3,auto)}.table-item:first-child{grid-column:1;grid-row:1}.table-item:nth-child(2){grid-column:1;grid-row:2}.table-item:nth-child(3){grid-column:1;grid-row:3}}.table-container table{border-collapse:collapse;width:100%}.table-container td,.table-container th{word-wrap:break-word;border:1px solid #ddd;font-size:14px;padding:8px;text-align:left;vertical-align:middle;white-space:pre-wrap}.table-container th{background-color:#e7f2fb}.table-container tbody tr:hover{background-color:#e3f1ff}.form-container{display:flex;flex-direction:column;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.input-group{align-items:center;display:flex;margin-bottom:var(--spacing-md)}.modal{padding-bottom:100px}.input{flex:1 1;margin-right:8px}.extra-space{padding-top:100px;width:100%}.extra-space button{width:100%}.emoji-select{flex:0.5 1}.input-dropdown{width:100%}.form-group{background-color:#fff}.company-page{background-color:var(--background-color);display:flex;gap:20px;height:calc(100vh - 75px);padding:var(--spacing-md)}.filters-section{background:var(--white);box-shadow:var(--shadow-sm);flex:0 0 280px;height:calc(100vh - 40px);padding:var(--spacing-md);position:-webkit-sticky;position:sticky;top:0}.companies-list,.filters-section{border-radius:var(--border-radius-md);min-width:280px;overflow-y:auto;width:20vw}.companies-list{background:#0000;padding:20px}.company-details{background:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-basis:50vw;flex-grow:0;flex-shrink:0;height:calc(100vh - 40px);overflow-y:auto;padding:20px}.company-detail{background-color:var(--white);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:var(--spacing-sm);margin-bottom:8px;padding:var(--spacing-sm);width:100%}.company-detail strong{border-right:1px solid var(--border-color);color:var(--text-light);flex:0 0 120px;padding-right:var(--spacing-sm)}.company-detail a,.company-detail span{word-wrap:break-word;flex:1 1;min-width:0;overflow-wrap:break-word;padding-left:var(--spacing-sm)}.company-detail a{color:var(--primary-color);text-decoration:none}.company-detail a:hover{text-decoration:underline}.company-details a,.company-details h3,.company-details p{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;white-space:normal}.company-details>*{max-width:100%;width:100%}.search-section{margin-bottom:var(--spacing-lg)}.search-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);padding:var(--spacing-sm);width:100%}.filter-section{flex-direction:column;gap:var(--spacing-sm)}.actions-section{margin-bottom:var(--spacing-lg)}.actions-section button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:var(--white);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.actions-section button:hover{background-color:var(--primary-hover)}.companies-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr;width:100%}.company-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--spacing-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:100%}.company-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.company-card.selected{border:2px solid var(--primary-color)}.company-card h3{color:var(--text-color);margin:0 0 var(--spacing-sm) 0}.company-card p{color:var(--text-light);margin:var(--spacing-xs) 0}.no-items{background:var(--background-light);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);margin:var(--spacing-md) 0}.no-selection{color:var(--text-light);padding:var(--spacing-lg);text-align:center}.edit-button{border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.filter-type-button{background:var(--white);border:1px solid var(--border-color);margin-bottom:var(--spacing-sm);padding:10px 15px;text-align:left;width:100%}.filter-type-button:hover{background-color:var(--background-light);border-color:var(--primary-color)}.filter-type-button.selected{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.filter-button{align-items:center;display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.add-button{background-color:var(--primary-color);color:var(--white)}.add-button:hover{background-color:var(--primary-hover)}.edit-button{background-color:var(--secondary-color)}.delete-button{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.filter-management{grid-gap:var(--spacing-md);background-color:var(--background-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:grid;gap:var(--spacing-md);grid-template-columns:250px 1fr;height:100%;overflow:hidden;padding:var(--spacing-md)}.filter-type-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.filter-content,.filter-type-buttons{background-color:var(--white);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-xs)}.filter-content{overflow-y:auto;padding:var(--spacing-md)}.filter-type-button{background-color:var(--background-light);border:none;border-radius:var(--border-radius-sm);color:var(--text-color);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.filter-type-button:hover{background-color:var(--primary-color-light)}.filter-type-button.active{background-color:var(--primary-color);color:var(--white)}.filter-items-container{background-color:var(--background-light);padding:var(--spacing-md)}.filter-item,.filter-items-container{border-radius:var(--border-radius-sm)}.filter-item{align-items:center;background-color:var(--white);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);transition:all var(--transition-fast)}.filter-item:hover{box-shadow:var(--shadow-sm);transform:translateX(2px)}.filter-actions{display:flex;gap:var(--spacing-sm)}.filter-button{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.edit-button{color:var(--white)}.edit-button:hover{background-color:var(--primary-color-dark)}.delete-button{color:var(--white)}.filter-add-form{background-color:var(--white);box-shadow:var(--shadow-xs)}.filter-add-form,.no-items{border-radius:var(--border-radius-sm)}.no-items{background-color:var(--background-lighter);color:var(--text-light);font-style:italic;padding:var(--spacing-md);text-align:center}.country-cities-group{background:var(--background-light);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.country-cities-group h3{border-bottom:2px solid var(--accent-color);color:var(--text-color);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.filter-add-form{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-shrink:0;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.filter-input-group{gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.filter-input{border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-sm)}.filter-input:focus{border-color:var(--primary-color);outline:none}.country-select-wrapper{margin-bottom:var(--spacing-sm)}.country-select-wrapper .select__control,.emoji-select .select__control{border-color:var(--border-color);border-radius:var(--border-radius-sm);min-height:38px}.country-select-wrapper .select__control:hover,.emoji-select .select__control:hover{border-color:var(--primary-color)}.country-select-wrapper .select__control--is-focused,.emoji-select .select__control--is-focused{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.emoji-select{flex-shrink:0;width:120px}.selected-filter-items{margin-top:var(--spacing-lg)}.filter-input-group{display:flex;gap:10px;margin-top:10px}.filter-input{border:1px solid var(--border-color);flex:1 1}.emoji-select{margin-right:10px;min-width:150px}.emoji-select .react-select__control{border:1px solid var(--border-color);border-radius:4px;min-height:38px}.emoji-select .react-select__option{cursor:pointer;padding:8px 12px}.emoji-select .react-select__single-value{font-size:16px}.filter-details{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 40px);overflow:hidden}.filter-items{flex:1 1;overflow-y:auto;padding-right:var(--spacing-sm)}.company-actions{display:flex;gap:10px;margin-top:20px}.delete-button,.edit-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.edit-button{background-color:var(--primary-color);color:#fff}.edit-button:hover{background-color:var(--primary-hover)}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333}@media (max-width:768px){.company-page{flex-direction:column;height:auto;padding:var(--spacing-sm)}.filters-section{height:auto;margin-bottom:var(--spacing-md);max-height:none;position:relative;width:100%}.companies-list{overflow-x:hidden;padding:4px;width:100%}.companies-grid,.companies-list{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.companies-grid{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:4px 0;scroll-snap-type:x mandatory}.company-card{flex:0 0 55px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:0;min-width:55px;padding:8px;scroll-snap-align:start}.company-card h3{font-size:14px;margin:0 0 4px}.company-card p{font-size:12px;margin:2px 0}.filter-management{gap:var(--spacing-md);grid-template-columns:1fr;height:auto}.filter-type-list{border-bottom:1px solid var(--border-color);border-right:none;height:auto;padding-bottom:var(--spacing-md);position:relative}.filter-type-options{display:flex;flex-direction:row;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-sm)}.filter-type-button{flex:0 0 auto;white-space:nowrap;width:auto}.filter-details{height:auto;max-height:none}.filter-input-group{flex-direction:column}.emoji-select{margin-bottom:var(--spacing-sm);margin-right:0;width:100%}.company-card{flex:0 0 40%;height:auto;margin-right:var(--spacing-sm)}.companies-grid::-webkit-scrollbar{height:4px}.companies-grid::-webkit-scrollbar-track{background:var(--background-light);border-radius:4px}.companies-grid::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.filter-items{margin-top:var(--spacing-md)}.filter-item{align-items:center;flex-direction:row;justify-content:space-between;padding:var(--spacing-sm)}.filter-item .delete-button{font-size:14px;padding:4px 8px}.company-actions{flex-direction:column;gap:8px;margin-top:16px}.delete-button,.edit-button{font-size:14px;padding:6px 12px;width:100%}.company-details{flex-basis:content;height:auto;max-height:none;width:100%}.company-detail{flex-direction:column;gap:4px;padding:8px 0}.company-detail strong{border-bottom:1px solid var(--border-color);border-right:none;flex:none;font-size:12px;margin-bottom:4px;padding:0 0 4px}.company-detail a,.company-detail span{font-size:14px;padding-left:0}}@media (min-width:769px) and (max-width:1024px){.company-page{flex-direction:column}.companies-list,.company-details,.filters-section{width:100%}.filter-management{grid-template-columns:200px 1fr}}.company-list ul{list-style-type:none;margin:0;padding:0}.company-list li{border-bottom:1px solid #ddd;cursor:pointer;padding:10px}.company-list li:hover{background-color:#f0f0f0}.event-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:15px;padding:15px}.event-card h3{color:#333;margin-top:0}.event-card p{color:#666;margin:5px 0}.event-card-button{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.event-card-button:hover{background-color:#139ab8}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content-container{background-color:#fff;border-radius:15px;max-height:70%;max-width:800px;overflow-x:auto;overflow-y:auto;padding:2rem 50px 150px 2rem;position:relative;width:70%}.modal-close-button{background:none;border:none;color:#333;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem}.modal-form-container{display:flex;flex-direction:column;gap:1rem}.modal-input,.modal-textarea{box-sizing:border-box;font-size:1rem;width:60%}.modal-textarea{height:150px}.button-group{display:flex;gap:.5rem;margin-top:1rem}.modal-delete-button,.modal-save-button,.modal-toggle-status-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.modal-save-button{background-color:#007bff}.modal-delete-button{background-color:#dc3545}.modal-toggle-status-button{padding:.5rem 1rem}.modal-toggle-status-button.active{background-color:#28a745}.modal-toggle-status-button.inactive{background-color:#dc3545}.modal-delete-button:hover,.modal-save-button:hover,.modal-toggle-status-button:hover{opacity:.9}.company-info{background-color:#f9f9f9;border-radius:5px;margin-top:1rem;padding:1rem}.company-info h2{margin-bottom:.5rem}.company-info p{margin:.5rem 0}.company-info a{color:#007bff;text-decoration:none}.company-info a:hover{text-decoration:underline}.react-datepicker{z-index:9999}.react-datepicker__triangle{display:none}.react-datepicker-popper{z-index:9999}.react-datepicker__header{background-color:#f5f5f5}.react-datepicker__day-names{font-weight:700}.event-modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;left:50%;max-height:90vh;max-width:800px;min-width:400px;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}@media (max-width:600px){.modal-content-container{max-height:90%;max-width:100%;padding-bottom:50px;padding-right:10px;width:100%}.modal-input,.modal-textarea{width:100%}.button-group{align-items:stretch;flex-direction:column}.modal-delete-button,.modal-save-button,.modal-toggle-status-button{width:100%}}.event-page-container{padding:20px}.filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:150px}.filters-container .filter-dropdown{margin-bottom:0;margin-top:0;width:250px;z-index:11000}.filters-container .filter-input{width:150px}.react-datepicker-wrapper{max-width:150px}.add-button{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:0;padding:8px 16px}.add-button:hover{background-color:#138496}.filter-checkbox-label{align-items:center;display:flex}.filter-checkbox{margin-right:5px}.cards-container{display:flex;flex-direction:column}h2{font-size:1.2em;margin:0;padding:10px}.event-table{border-collapse:collapse;width:100%}.event-table td{border:none;padding:10px;vertical-align:top}.column{border-right:3px solid #ccc;vertical-align:top;width:25%}.column:last-child{border-right:none}.upcoming-events{width:50%}.upcoming-events-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.event-table{display:block}.event-table td{border-bottom:1px solid #ccc;box-sizing:border-box;display:block;width:100%}.event-table tr{display:block;margin-bottom:10px}.column{border-bottom:none;border-right:none;box-sizing:border-box;padding:10px}.column,.upcoming-events{width:100%}.upcoming-events-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.filters-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;margin-bottom:20px}}.macos-window{background-color:#f5f5f5;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;height:100%;width:100%}.macos-header{align-items:center;background-color:#e0e0e0;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:10px}.window-title{font-size:1.2rem;font-weight:700;margin:0}.macos-content{flex-grow:1;overflow-y:auto;padding:10px}.event-item{background-color:#fff;border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:10px;padding:10px;transition:background-color .3s ease;z-index:10001}.event-item h3,.event-item p{font-size:1rem;margin:0}.event-item.past-due{background-color:#ffe6e6}.event-item.upcoming{background-color:#e6ffe6}.all-events-link{background-color:#17a2b8;border-radius:5px;color:#fff;padding:5px 10px}.all-events-link:hover{background-color:#005bb5}.overdue-notice{color:red;font-weight:700;margin-bottom:10px}.macos-content .todays-events-notice{color:#ffeb3b;font-weight:700;margin-bottom:10px}.macos-content .tomorrows-events-notice{color:#aeeeee;font-weight:700;margin-bottom:10px}.event-card[data-background-color=light-yellow]{background-color:#ffffe0}.macos-content .event-notice{background-color:#fff;color:#000}.macos-content .event-notice,.macos-content .overdue-notice{border-radius:12px;font-weight:700;margin-bottom:10px;padding:8px 16px;text-align:center}.macos-content .overdue-notice{background-color:#f8d7da;color:#ff0015}.event-card,.event-item{margin-bottom:10px;padding:10px;z-index:1}.event-item.past-due{background-color:#f8d7da;border:1px solid #f5c6cb;z-index:2}.overdue-widget{display:flex;flex-direction:column;height:100%}.widget-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:15px}.widget-header h2{color:#333;font-size:16px;margin:0}.all-events-link{color:#007bff;font-size:14px;text-decoration:none}.all-events-link:hover{text-decoration:underline}.widget-content{flex:1 1;overflow-y:auto;padding-top:15px}.orders-list{display:flex;flex-direction:column;gap:10px}.order-item{background-color:#f8f9fa;border-left:4px solid #0000;border-radius:6px;padding:12px}.order-item.purple{border-left-color:#d8a1c5}.order-item.pale-orange{border-left-color:#f5c6c7}.order-item.pale-yellow{border-left-color:#f9f3c6}.order-item.pale-green{border-left-color:#c6e5d9}.order-item.pale-blue{border-left-color:#c6e2f5}.order-item.gray{border-left-color:#e0e0e0}.order-details{display:flex;justify-content:space-between;margin-bottom:5px}.company-name{color:#333;font-weight:500}.order-amount{color:#666;font-weight:500}.order-date{color:#888;font-size:13px}.no-orders{color:#666;font-style:italic;padding:20px;text-align:center}.dashboard-section{background:#f5f7fa;min-height:100vh;padding:0}.analytics-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px;overflow:visible}.analytics-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:16px 24px}.header-content{align-items:center;display:flex;gap:12px}.header-icon{color:#1890ff;font-size:20px}.analytics-content{background:#fff;display:none}.analytics-content.expanded{display:block}.analytics-body{background:#fff;display:flex;gap:24px;padding:24px}.analytics-sidebar{flex-shrink:0;width:300px}.analytics-main{display:flex;flex:1 1;flex-direction:column;gap:24px}.charts-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-section{box-shadow:0 1px 3px #0000001a;min-height:400px}.chart-section.large{grid-column:1/-1;min-height:500px}.kpi-section{margin-bottom:24px;width:100%}.kpi-cards{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.chevron{transition:transform .3s ease}.chevron.expanded{transform:rotate(180deg)}.kpi-cards,.kpi-section{margin-bottom:30px}.kpi-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-card{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s ease}.kpi-card:hover{transform:translateY(-2px)}.kpi-title{color:#666;font-size:14px;font-weight:500;margin-bottom:8px}.kpi-value{align-items:baseline;color:#1a1a1a;display:flex;font-size:28px;font-weight:600;gap:4px;margin-bottom:8px}.kpi-currency,.kpi-unit{color:#666;font-size:16px;margin-left:4px}.kpi-comparison{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:6px;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.kpi-comparison.positive{background:#4caf501a;color:#4caf50}.kpi-comparison.negative{background:#f443361a;color:#f44336}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.chart-section{background:#fff;border-radius:8px;box-shadow:0 1px 2px #00000008;display:flex;flex-direction:column;height:100%;padding:20px}.chart-section.large{grid-column:span 2}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#262626;font-size:16px;font-weight:500;margin:0}input:checked+.slider{background-color:#1890ff}.map-container{min-height:300px}.map-controls{display:flex;flex-direction:column;gap:5px;position:absolute;right:10px;top:10px;z-index:1}.map-control-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;height:30px;justify-content:center;padding:5px;transition:all .2s ease;width:30px}.map-control-btn:hover{background:#f5f5f5;border-color:#bbb}.map-control-btn svg{color:#666;height:16px;width:16px}.map-container svg{height:auto;max-width:100%}.rsm-geography{cursor:pointer;transition:all .3s ease}.rsm-geography:hover{opacity:.9}.country-heatmap{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.metric-toggle{align-items:center;display:flex;flex-shrink:0;gap:12px;justify-content:center;margin-bottom:20px}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#1890ff;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:#ff4d4f}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.metric-toggle span{color:#595959;font-size:14px;-webkit-user-select:none;user-select:none}.radio-switch{align-items:center;border-radius:4px;cursor:pointer;display:inline-flex;padding:8px 16px;transition:background-color .3s}.radio-switch:hover{background-color:#f0f0f0}.radio-switch input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #d9d9d9;border-radius:50%;cursor:pointer;height:18px;margin-right:8px;outline:none;position:relative;transition:all .3s;width:18px}.radio-switch input[type=radio]:checked{background-color:#1890ff;border-color:#1890ff}.radio-switch input[type=radio]:checked:after{background-color:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.radio-label{color:#595959;font-size:14px}.tooltip{background:#fff;box-shadow:0 2px 8px #00000026;left:50%;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-100%)}#country-tooltip,.tooltip{border-radius:4px;font-size:14px;padding:8px 12px;z-index:1000}#country-tooltip{background-color:#fff!important;box-shadow:0 2px 4px #0000001a;color:#333!important}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filters-header h3{color:#333;font-size:18px;margin:0}.clear-filters{background:none;border:none;color:#1890ff;cursor:pointer;font-size:14px;padding:0}.clear-filters:hover{text-decoration:underline}.timeframe-filter{margin-bottom:24px}.timeframe-filter label{color:#666;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.timeframe-filter select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#1a1a1a;font-size:14px;padding:8px 12px;width:100%}.filter-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.filter-group label{color:#333;font-weight:500}.filter-group select{border:1px solid #d9d9d9;transition:all .3s ease}.filter-group select:hover{border-color:#40a9ff}.filter-group select:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.date-range-display{flex:2 1}.ant-picker-range{width:100%}.tree-filter{margin-bottom:20px}.tree-header{align-items:center;border-radius:6px;color:#1a1a1a;cursor:pointer;display:flex;font-weight:500;padding:10px;transition:background-color .2s ease}.tree-header:hover{background:#f5f7fa}.tree-arrow{font-size:12px;margin-right:8px;transition:transform .2s ease}.tree-header.expanded .tree-arrow{transform:rotate(90deg)}.tree-content{margin:8px 0 8px 24px}.tree-search{margin-bottom:12px}.tree-search input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.tree-items{display:flex;flex-direction:column;gap:8px}.tree-item{align-items:center;border-radius:4px;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:6px}.tree-item:hover{background:#f5f7fa}.tree-item input[type=checkbox]{margin:0}@media (max-width:1024px){.analytics-container{flex-direction:column}.analytics-filters{margin-bottom:20px;position:static;width:auto}.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-section{padding:12px}.kpi-cards{grid-template-columns:1fr}.kpi-value{font-size:24px}.chart-section{padding:16px}.custom-date-range{flex-direction:column}}.no-data{background:#fff;border-radius:12px;color:#666;margin-top:20px;padding:40px;text-align:center}.loading{color:#666;min-height:200px}.loading,.loading-container{align-items:center;display:flex;justify-content:center}.loading-container{flex-direction:column;gap:20px;min-height:400px;width:100%}.loading-container p{color:#666;font-size:16px;margin:0}.ant-spin-dot{font-size:24px}.ant-spin-text{font-size:14px;margin-top:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.date-filter-section{background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px}.date-period-select,.date-type-select{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.date-period-select:hover,.date-type-select:hover{border-color:#40a9ff}.date-period-select:focus,.date-type-select:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.custom-date-range{gap:8px}.custom-date-range input{border:1px solid #d9d9d9;color:#333;flex:1 1}.custom-date-range input:hover{border-color:#40a9ff}.custom-date-range input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.date-range-text{background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;color:#666;font-size:14px;padding:8px 12px}.filter-checkbox-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0}.filter-checkbox-row:last-child{border-bottom:none}.filter-checkbox-row label{align-items:center;cursor:pointer;display:flex;gap:8px;width:100%}.filter-checkbox-row input[type=checkbox]{cursor:pointer;margin:0}.checkbox-label{color:#333;flex:1 1;font-size:14px}.type-badge{background-color:#f5f5f5;border-radius:12px;color:#666;font-size:12px;padding:2px 8px;white-space:nowrap}.filter-header{border-bottom:1px solid #f0f0f0;cursor:pointer;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.filter-header:hover{background-color:#fafafa}.filter-header h4{color:#333;font-size:14px;font-weight:500;margin:0}.arrow{color:#666;font-size:12px;transition:transform .2s ease}.arrow.expanded{transform:rotate(180deg)}.filter-options{max-height:300px;overflow-y:auto;padding:8px 16px}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.filter-options::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.filter-options::-webkit-scrollbar-thumb:hover{background:#999}.filter-header-content{align-items:center;display:flex;gap:8px}.selected-count{color:#666;font-size:12px;font-weight:400}.filter-section{margin-bottom:8px}.filter-card{background:#fff;border:1px solid #e8e8e8;border-radius:4px}.heatmap-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:16px}.heatmap-controls{display:flex;justify-content:center;margin-bottom:16px}.map-container{height:100%;position:relative;width:100%}.ant-radio-group{display:flex;gap:8px}.ant-radio-button-wrapper{background:#fff;border:1px solid #d9d9d9!important;border-radius:4px!important;color:#333;height:32px;line-height:30px;padding:0 16px;transition:all .3s}.ant-radio-button-wrapper:not(:first-child):before{display:none!important}.ant-radio-button-wrapper:hover{border-color:#1890ff!important;color:#1890ff}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){background:#1890ff!important;border-color:#1890ff!important;box-shadow:none!important;color:#fff!important}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{background:#40a9ff!important;border-color:#40a9ff!important;color:#fff!important}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.dashboard-header{align-items:center;display:flex;margin-bottom:1rem}.edit-button.editing .icon{animation:spin .5s linear}.button-text{margin-left:8px;transition:opacity .3s}.edit-button.editing .button-text{opacity:0}.edit-button .icon{font-size:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.edit-button{background:none;border:none;color:#5bc0de;cursor:pointer;transition:color .3s ease}.edit-button.active{color:#17a2b8}.edit-button.active .edit-icon{display:none}.edit-button.save .save-icon{display:inline}.save-icon{display:none}.dashboard-container{height:100%;margin:0 auto;max-width:100%;overflow:auto;width:100%}.dashboard-section{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;overflow:hidden;transition:height .3s ease;width:100%}.section-header{background:linear-gradient(180deg,#f7f7f7,#e6e6e6);border-bottom:1px solid #d1d1d1;cursor:pointer;padding:15px 20px;-webkit-user-select:none;user-select:none}.section-header h2{align-items:center;color:#333;display:flex;font-size:16px;justify-content:space-between;margin:0}.section-header svg{margin-left:10px;transition:transform .3s ease}.section-content{background-color:#fff;padding:20px;transition:height .3s ease}.widget-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex:1 1;height:100%;min-height:300px;padding:15px}.analytics-filters{background:#f9f9f9;border-radius:8px;flex-shrink:0;max-height:80vh;overflow-y:auto;padding:20px;width:300px}.analytics-graphs{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:0}.filter-group{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:15px}.filter-header{align-items:center;color:#333;display:flex;font-weight:500;gap:10px;margin-bottom:10px}.filter-header svg{color:#666;height:16px;width:16px}.filter-group label{color:#666;display:block;font-size:14px;margin-bottom:8px}.filter-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.filter-group select:hover{border-color:#aaa}.filter-group select:focus{border-color:#4a90e2;outline:none}.filter-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.custom-date-range{display:flex;flex-direction:column;gap:10px;margin-top:10px}.custom-date-range input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.graph-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;overflow:hidden;padding:20px}.react-grid-layout{transition:height .3s ease!important}.react-grid-item{transition:all .3s ease!important}.recharts-surface,.recharts-wrapper{width:100%!important}.analytics-filters::-webkit-scrollbar{width:8px}.analytics-filters::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.analytics-filters::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.analytics-filters::-webkit-scrollbar-thumb:hover{background:#aaa}.development-warning{align-items:center;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;display:flex;gap:10px;margin-bottom:20px;padding:12px 20px}.development-warning svg{flex-shrink:0;font-size:20px}.offline-alert{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000001a;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.offline-alert-box{animation:fadeInScale .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:30px;text-align:center;width:90%}.offline-alert-icon{align-items:center;background:#f44336;border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 20px;width:100px}.offline-alert-icon i{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55);color:#fff;font-size:60px}.error-code{color:#f44336;font-family:monospace;font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:15px}.offline-alert h2{color:#333;font-size:24px;margin:0 0 15px}.offline-alert p{color:#666;font-size:16px;line-height:1.5;margin:0 0 20px}.offline-alert-details{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.offline-alert-details ul{list-style:none;margin:0;padding:0;text-align:left}.offline-alert-details li{color:#666;padding:8px 0 8px 24px;position:relative}.offline-alert-details li:before{color:#f44336;content:"•";left:8px;position:absolute}.offline-alert-status{align-items:center;color:#666;display:flex;font-size:14px;gap:10px;justify-content:center}.offline-alert-dot{animation:pulse 1.5s infinite;background:#f44336;border-radius:50%;height:8px;width:8px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}
/*# sourceMappingURL=main.b36d93bd.css.map*/