@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap);:root{--sidebar-width-mobile:260px;--box-shadow:0 0 10px #0000001a;--color-secondry:#e0e0e0;--color-subtext:#333;--color-text:#555}.toolbar-container{background-color:#f8f9fa;box-shadow:0 0 10px #0000001a;box-shadow:var(--box-shadow);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;transition:transform var(--transition-speed) ease;width:300px;width:var(--sidebar-width);z-index:60}@media (min-width:768px){.toolbar-container{transform:translateX(0)}.toolbar-mobile-menu-button{display:none!important}.main-content{margin-left:300px;margin-left:var(--sidebar-width);width:calc(100% - 300px);width:calc(100% - var(--sidebar-width))}}@media (max-width:767px){.toolbar-container{transform:translateX(-100%);width:260px;width:var(--sidebar-width-mobile)}.toolbar-container.open{box-shadow:5px 0 15px #0000001a;transform:translateX(0)}.main-content{margin-left:0!important;width:100%!important}}.toolbar-brand{align-items:center;background-color:#fff;background-color:var(--color-bg-primery);display:flex;height:110px;justify-content:center}.toolbar-brand img{height:120px;object-fit:contain;width:220px}.toolbar-links{align-items:center;padding:1rem 0}.toolbar-links,.toolbar-links ul{display:flex;flex-direction:column}.toolbar-links ul{gap:.5rem;margin:0;padding:0;width:100%}.toolbar-links li{display:flex;justify-content:center;list-style:none;position:relative;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}.toolbar-links li:hover{background-color:#e0e0e0;background-color:var(--color-secondry);color:#fff}.expense-icon:hover{color:#fff}.toolbar-dropdown-toggle,.toolbar-links a{align-items:center;border-radius:4px;color:#555;color:var(--color-text);display:flex;font-size:1.1rem;gap:1rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease;width:90%}.toolbar-links li:hover a{color:#fff;font-weight:500}.active{background-color:#e0e0e0;background-color:var(--color-secondry)}.active,.active a{color:#333;color:var(--color-subtext)}.active a{font-weight:500}.toolbar-mobile-menu-button{align-items:center;background:#f8f9fa;border:none;border-radius:50%;box-shadow:0 0 5px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;left:1rem;position:fixed;top:1rem;width:40px;z-index:65}.toolbar-mobile-menu-button:hover{background:#e0e0e0}.toolbar-sidebar-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:55}@media (max-width:768px){.toolbar-brand img{height:100px;width:180px}.toolbar-links a{font-size:1rem;padding:.7rem 1.2rem}}@media (max-width:480px){:root{--sidebar-width-mobile:240px}.toolbar-links a{padding:.7rem 1rem}}.toolbar-has-submenu{position:relative}.toolbar-submenu-toggle{align-items:center;color:#555;color:var(--color-text);cursor:pointer;display:flex;gap:1rem;padding:.8rem 1.5rem;width:90%}.toolbar-links li.active,.toolbar-links li.active:hover{background-color:#e0e0e0;background-color:var(--color-secondry);color:#333;color:var(--color-subtext)}.toolbar-links li.active a{font-weight:600}.toolbar-dropdown-toggle{align-items:center;cursor:pointer;display:flex;gap:2px;padding:10px 15px}.toolbar-dropdown-toggle svg{font-size:30px}.toolbar-links li.active .expense-icon,.toolbar-links li.active .toolbar-arrow svg,.toolbar-links li:hover .expense-icon,.toolbar-links li:hover .toolbar-arrow svg{stroke:#fff;color:#fff}.toolbar-arrow svg{transition:stroke .3s;transition:stroke var(--transition-speed)}.toolbar-dropdown-toggle>svg:first-child{flex-shrink:0;font-size:18px;height:18px;margin-left:7px;width:18px}.expense-icon{color:inherit;flex-shrink:0;font-size:20px;height:20px;width:20px}.toolbar-dropdown-link{color:inherit;flex-grow:1;text-decoration:none;white-space:nowrap}.toolbar-arrow{cursor:pointer;font-size:20px;margin-left:auto;transition:transform .3s;transition:transform var(--transition-speed)}.toolbar-arrow.open{transform:rotate(90deg)}.toolbar-dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;display:none;left:100%;margin-top:-90px;min-width:220px;position:absolute;top:0;z-index:9999}.toolbar-dropdown-menu.active{display:block}.toolbar-dropdown-menu li{list-style:none;padding:8px 0}.toolbar-dropdown-menu li a{color:#030303;display:block;padding:10px 20px;text-decoration:none;white-space:nowrap}.toolbar-dropdown-menu li a:hover{background-color:#f0f0f0;color:#000}:root{--transition-speed:0.3s;--primary-color:#4f46e5;--primary-hover:#4338ca;--text-color:#1f2937;--text-light:#6b7280;--bg-color:#fff;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem}.header{background-color:#fff;background-color:var(--bg-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-left:300px;margin-left:var(--sidebar-width);position:fixed;right:0;top:0;transition:all .3s ease;transition:all var(--transition-speed) ease;width:calc(100% - 300px);width:calc(100% - var(--sidebar-width));z-index:900}.header-main{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);height:4.5rem;justify-content:space-between;margin:0 auto;padding:0 1.5rem}.header-main,.header-section{align-items:center;display:flex}.header-section{gap:1rem}.header-section.left{flex:1 1;justify-content:flex-start}.header-section.right{justify-content:flex-end}.menu-toggle{background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#1f2937;color:var(--text-color);cursor:pointer;display:none;padding:.5rem;transition:all .2s ease}.menu-toggle:hover{background-color:#f3f4f6}.search-container{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);display:flex;max-width:500px;padding:.5rem 1rem;transition:all .2s ease;width:100%}.search-container:focus-within{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.search-icon{color:#6b7280;color:var(--text-light);margin-right:.5rem}.search-input{background:#0000;border:none;color:#1f2937;color:var(--text-color);font-size:.875rem;outline:none;width:100%}.search-input::placeholder{color:#6b7280;color:var(--text-light)}.header-user{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:all .2s ease}.header-user:hover{background-color:#f9fafb}.header-user__image{border-radius:50%;height:2.5rem;overflow:hidden;width:2.5rem}.header-user__image img{height:100%;object-fit:cover;width:100%}.header-user__info{display:flex;flex-direction:column}.header-user__name{color:#1f2937;color:var(--text-color);font-size:.875rem;font-weight:600}.header-user__role{color:#6b7280;color:var(--text-light);font-size:.75rem}.header-welcome{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.header-welcome h3{color:#4f46e5;color:var(--primary-color);font-size:1.125rem;font-weight:600;margin:0}.welcome-message{color:#6b7280;color:var(--text-light);font-size:.875rem;margin:.25rem 0 0}.notification-bell{border-radius:50%;color:#1f2937;color:var(--text-color);cursor:pointer;padding:.5rem;position:relative;transition:all .2s ease}.notification-bell:hover{background-color:#f3f4f6;color:#4f46e5;color:var(--primary-color)}.notification-badge{align-items:center;background-color:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.625rem;font-weight:600;height:1rem;justify-content:center;position:absolute;right:0;top:0;width:1rem}.dropdown-wrapper{position:relative}.dropdown-content{background-color:#fff;background-color:var(--bg-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:none;flex-direction:column;min-width:12rem;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.dropdown-wrapper.open .dropdown-content{animation:fadeIn .2s ease-out;display:flex}.dropdown-link{color:inherit;text-decoration:none}.dropdown-item{align-items:center;color:#1f2937;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.dropdown-item:hover{background-color:#f9fafb;color:#4f46e5;color:var(--primary-color)}.dropdown-icon{font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.header{margin-left:0;width:100%}.menu-toggle{display:block}.search-container{max-width:400px}}@media (max-width:768px){.header-main{padding:0 1rem}.search-container{max-width:300px}.header-user__info{display:none}}@media (max-width:640px){.header-main{height:4rem}.header-welcome,.search-container{display:none}.notification-bell{margin-right:.5rem}}.dropdown{position:relative;z-index:99}.dropdown__toggle{background-color:initial;border:0;outline:0;position:relative}.dropdown__toggle>i{color:var(--color-text);font-size:2.5rem}.dropdown__toggle-badge{align-items:center;background-color:var(--color-primery);border-radius:50%;color:var(--color-subtext);display:flex;font-size:.8rem;height:25px;justify-content:center;position:absolute;right:-10px;top:-12px;width:25px}.dropdown__content{background-color:var(--color-bg-primery);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--color-text);max-width:400px;overflow:hidden;position:absolute;right:0;top:calc(100% + 5px);transform:scale(0);transform-origin:top right;transition:transform .3s ease 0s;width:-webkit-max-content;width:max-content}.dropdown__content.active{transform:scale(1);transition:transform .5s var(--transition-cubic)}.dropdown__footer{font-size:25px;padding:20px;text-align:center}:root{--color-primary:#004aaf;--color-primary-dark:#004aad;--color-secondary:#6c757d;--color-success:#4bb543;--color-error:#f33;--color-bg:#f8f9fa;--color-card:#fff;--color-border:#e0e0e0;--shadow:0 4px 20px #00000014;--border-radius:12px;--transition:all 0.3s ease}.profile-container{margin:0 auto;max-width:1200px;padding:2rem 1.5rem;width:100%}.profile-title{color:#004aaf;color:var(--color-primary);font-weight:600;margin-bottom:2rem;text-align:center}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-card{background-color:#fff;background-color:var(--color-card);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);padding:2rem;transition:all .3s ease;transition:var(--transition)}.profile-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.profile-avatar{border:3px solid #004aaf;border:3px solid var(--color-primary);box-shadow:0 0 0 3px #4361ee33}.profile-info{flex:1 1;min-width:200px}.profile-name{color:#212529;color:var(--color-text);font-weight:700;margin-bottom:.25rem}.profile-email{color:#6c757d;color:var(--color-text-light);margin-bottom:.5rem}.profile-id{color:#6c757d;color:var(--color-secondary);font-size:.875rem}.edit-button{align-self:flex-start;margin-left:auto}.profile-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.profile-section{display:flex;flex-direction:column;gap:1rem}.section-title{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-border);color:#004aaf;color:var(--color-primary);font-weight:600}.detail-item{align-items:flex-start;display:flex;gap:1rem}.detail-icon{color:#004aaf;color:var(--color-primary);flex-shrink:0;margin-top:.25rem}.detail-label{color:#6c757d;color:var(--color-text-light);font-size:.875rem}.detail-value{font-weight:500}.edit-input,.edit-select{border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition);width:100%}.edit-input:focus,.edit-select:focus{border-color:#004aaf;border-color:var(--color-primary);box-shadow:0 0 0 2px #4361ee33;outline:none}.edit-select{background-color:#fff;cursor:pointer}.profile-actions{border-top:1px solid #e0e0e0;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.save-button{background-color:#004aaf;background-color:var(--color-primary)}.save-button:hover{background-color:#004aad;background-color:var(--color-primary-dark)}.cancel-button{border-color:#6c757d;border-color:var(--color-secondary);color:#6c757d;color:var(--color-secondary)}@media (max-width:768px){.profile-header{align-items:flex-start;flex-direction:column}.edit-button{align-self:stretch;margin-left:0;margin-top:1rem;width:100%}.profile-details{grid-template-columns:1fr}.profile-actions{flex-direction:column}.profile-actions button{width:100%}}@media (max-width:480px){.profile-container{padding:1.5rem 1rem}.profile-card{padding:1.5rem}}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{-ms-align-items:center;align-items:center;animation:react-confirm-alert-fadeIn .5s .2s forwards;background:#ffffffe6;bottom:0;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99}.react-confirm-alert-body{background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666;font-family:Arial,Helvetica,sans-serif;padding:30px;text-align:left;width:400px}.react-confirm-alert-svg{left:0;position:absolute;top:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{font-size:16px;margin:0}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{background:#333;border:none;border-radius:5px;color:#eee;cursor:pointer;display:inline-block;font-size:12px;margin-right:10px;outline:none;padding:6px 18px}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}:root{--color-bg-secondary:#f0f4f8;--color-secondary:#0d47a1;--color-delete:#d32f2f;--color-edit:#1976d2;--color-button-hover:#0000000a}.customers-container{box-sizing:border-box;display:flex;flex-direction:column;padding:16px;width:100%}.title-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width:600px){.title-section{align-items:center;flex-direction:row;justify-content:space-between}}.user-title{color:#0d47a1;color:var(--color-secondary);font-size:1.5rem;font-weight:600;margin:0}.alert-and-button{display:flex;flex-direction:column;gap:16px}@media (min-width:600px){.alert-and-button{align-items:center;flex-direction:row}}.add-customer-button{background-color:#0d47a1;background-color:var(--color-secondary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;min-width:120px;padding:8px 16px;text-transform:none;transition:all .3s ease;white-space:nowrap}.add-customer-button:hover{background-color:#004aad;box-shadow:0 4px 6px #0000001a;color:#fff;transform:translateY(-1px)}.success-alert{border-radius:8px!important;flex-grow:1}.customer-card{border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;transition:transform .2s ease}.customer-card:hover{transform:translateY(-2px)}@media (max-width:480px){.customers-container{padding:12px}.user-title{font-size:1.25rem}.add-customer-button{width:100%}}:root{--color-primery:#3f51b5;--color-secondry:#555;--color-bg-secondry:#f9f9f9;--color-error:#f44336}.user{box-sizing:border-box;flex:4 1;padding:20px;width:100%}.userTitle{font-size:24px;font-weight:600}.alert-message,.userTitle{margin-bottom:20px}.userContainer{display:flex;flex-wrap:wrap;gap:20px;width:100%}.userShowContainer,.userUpdateContainer{display:flex;flex:1 1;flex-direction:column;min-width:300px}.userShow,.userUpdate{background-color:#f9f9f9;background-color:var(--color-bg-secondry);border-radius:1rem;box-shadow:0 0 15px -10px #000000bf;box-sizing:border-box;height:100%;padding:20px;width:100%}.userShowTop{align-items:center;display:flex;margin-bottom:20px}.userShowImg{border-radius:50%;height:60px;object-fit:cover;width:60px}.userShowTopTitle{display:flex;flex-direction:column;gap:5px;margin-left:20px}.userShowUsername{display:flex;flex-wrap:wrap;gap:5px}.infoLabel{color:#555;color:var(--color-secondry);font-weight:600}.infoValue{font-weight:500}.userShowBottom{margin-top:20px}.userShowTitle{color:#555;color:var(--color-secondry);display:block;font-size:18px;font-weight:600;margin:15px 0}.userShowInfo{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.infoIcon{color:#555;color:var(--color-secondry);font-size:18px!important}.userUpdateTitle{display:block;font-size:20px;font-weight:600;margin-bottom:20px}.userUpdateForm{gap:20px;height:100%}.userUpdateForm,.userUpdateLeft{display:flex;flex-direction:column}.userUpdateLeft{gap:15px}.userUpdateItem{display:flex;flex-direction:column}.userUpdateItem label{font-size:16px;font-weight:500;margin-bottom:5px}.userUpdateInput,.userUpdateSelect{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.userUpdateInput:focus,.userUpdateSelect:focus{border-color:#3f51b5;border-color:var(--color-primery);outline:none}.errorText{color:#f44336;color:var(--color-error);font-size:14px;margin-top:5px}.userUpdateRight{display:flex;justify-content:flex-end;margin-top:20px}.userUpdateButton{background-color:#3f51b5;background-color:var(--color-primery);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;max-width:200px;padding:12px 20px;width:100%}.userUpdateButton:hover{background-color:#303f9f}@media (min-width:768px){.userContainer{flex-wrap:nowrap}.userShow{position:relative;top:auto}.userUpdateForm{flex-direction:row}.userUpdateLeft{flex:2 1}.userUpdateRight{align-items:flex-end;flex:1 1;justify-content:flex-start;margin-top:0;padding-left:20px}}@media (max-width:767px){.userShowInfo{align-items:flex-start;flex-direction:column;gap:5px}.infoIcon{margin-right:5px}.userShowUsername{flex-direction:column;gap:5px}}.userUpdateInput[type=password]{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.admin-products-page{background-color:#fff;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:2rem;width:100%}.admin-products-header{flex-wrap:wrap;margin:0 auto 2rem;max-width:1400px}.admin-products-card-pricee{background-color:#b7d7f0;color:#004aad;font-weight:600}.admin-products-title{color:#004aad;font-size:2rem}.admin-products-new-btn{background-color:#004aad;font-size:1rem;padding:.8rem 1.5rem}.admin-products-new-btn:hover{background-color:#003882}.admin-products-search-container{margin:0 auto 2rem;max-width:1400px}.admin-products-search-bar{max-width:600px;width:100%}.admin-products-search-bar input{border:1px solid #ddd;border-radius:30px;box-shadow:0 2px 10px #0000000d;font-size:1rem;padding:1rem 1rem 1rem 3rem}.admin-products-search-bar input:focus{border-color:#004aad;box-shadow:0 2px 15px #004aad33}.admin-products-search-icon{color:#777;font-size:1.2rem;left:1rem}.admin-products-content{display:flex;gap:2rem;margin:0 auto;max-width:1400px;width:100%}.admin-products-filters{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 2px 8px #0000000d;flex:0 0 300px;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:1rem}.admin-products-filter-group{margin-bottom:1.5rem}.admin-products-filter-group label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.admin-products-dropdown{position:relative}.admin-products-dropdown-control{align-items:center;background-color:#fff;border:1px solid #ddd;cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;padding:.8rem 1rem}.admin-products-dropdown-control:hover{border-color:#bbb}.admin-products-dropdown-placeholder{color:#666}.admin-products-dropdown-menu{background:#fff;border:1px solid #ddd;box-shadow:0 2px 10px #0000001a;left:0;margin-top:.25rem;max-height:300px;overflow-y:auto;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:100}.admin-products-dropdown-menu .Dropdown-option{cursor:pointer;font-size:.95rem;padding:.8rem 1rem;transition:all .2s ease}.admin-products-dropdown-menu .Dropdown-option:hover{background-color:#f5f5f5}.admin-products-dropdown-menu .Dropdown-option.is-selected{background-color:#e6f2ff;color:#004aad}.admin-products-dropdown-arrow{margin-left:.5rem;transition:transform .2s ease}.admin-products-dropdown-arrow-icon{color:#666;font-size:.8rem;transition:transform .2s ease}.admin-products-clear-filters{background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;color:#333;font-size:.9rem;font-weight:600;justify-content:center;margin-top:1rem;padding:.8rem;width:100%}.admin-products-clear-filters:hover{background-color:#f0f0f0}.admin-products-grid{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.admin-products-card{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:500px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.admin-products-card:hover{box-shadow:0 5px 15px #0000001f;overflow-y:auto;transform:translateY(-5px)}.admin-products-card-image{align-items:center;background-color:#f9f9f9;display:flex;flex-shrink:0;height:45%;justify-content:center;min-height:180px}.admin-products-card-image img{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .5s ease;width:auto}.admin-products-card:hover .admin-products-card-image img{transform:scale(1.05)}.admin-products-card-details{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem}.admin-products-card-details::-webkit-scrollbar{width:6px}.admin-products-card-details::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:4px}.admin-products-card-title{color:#333;font-size:1.1rem;font-weight:700;margin:0 0 .6rem}.admin-products-card-description.collapsed{-webkit-box-orient:vertical;display:-webkit-box;max-height:3.2em;overflow:hidden;text-overflow:ellipsis}.admin-products-card-description.expanded{white-space:normal}.admin-products-card-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem}.admin-products-card-meta span{border-radius:20px;font-size:.8rem;padding:.3rem .6rem}.admin-products-card-category{background-color:#e6f2ff;color:#004aad}.admin-products-card-price{font-weight:600}.admin-products-card-price,.admin-products-in-stock{background-color:#e6ffe6;color:#060}.admin-products-out-of-stock{background-color:#ffebeb;color:#c00}.admin-products-card-edit-btn{background-color:#004aad;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:auto;padding:.7rem;transition:all .3s ease;width:100%}.admin-products-card-edit-btn:hover{background-color:#003882}.admin-products-label-buttons{display:flex;gap:.5rem;margin-top:.5rem}.admin-products-open-label-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.7rem;transition:all .3s ease}.admin-products-open-label-btn:hover{background-color:#3e8e41}.admin-products-print-label-btn{background-color:#f39c12;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.7rem;transition:all .3s ease}.admin-products-print-label-btn:hover{background-color:#e67e22}.admin-products-loading{color:#004aad;font-size:1.5rem;height:100vh}.admin-products-alert{background-color:#ffebee;border:1px solid #ef9a9a;border-radius:4px;color:#c62828;margin:20px;padding:15px}@media (max-width:1200px){.admin-products-content{flex-direction:column}.admin-products-filters{margin-bottom:2rem;position:static;width:100%}.admin-products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.admin-products-page{padding:1.5rem}.admin-products-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-top:50px}.admin-products-grid{grid-template-columns:1fr}.admin-products-card{height:auto;margin:0 auto;max-width:400px}.admin-products-card-image{height:180px}}@media (max-width:480px){.admin-products-page{padding:1rem}.admin-products-title{font-size:1.5rem}.admin-products-new-btn{margin-bottom:10px;width:100%}.admin-products-card{max-width:100%}.admin-products-filters{padding:1rem}.admin-products-label-buttons{flex-direction:column;gap:.5rem}}.admin-products-page{background:#f8f9fa;min-height:100vh;padding:20px}.admin-products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 16px}.admin-products-title{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.admin-products-new-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.admin-products-new-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.admin-products-controls{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:24px;padding:20px}.admin-products-search-container{margin-bottom:16px}.admin-products-search-bar{max-width:400px;position:relative}.admin-products-search-icon{color:#6c757d;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.admin-products-search-bar input{border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px 12px 48px;transition:all .3s ease;width:100%}.admin-products-search-bar input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-products-filters-horizontal{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.filter-section{color:#495057;font-size:14px;font-weight:600;gap:8px}.filter-icon{color:#667eea}.admin-products-filter-group{min-width:180px}.admin-products-dropdown{width:100%}.admin-products-dropdown-control{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:10px 16px;transition:all .3s ease}.admin-products-dropdown-control:hover{border-color:#667eea}.admin-products-dropdown-placeholder{color:#6c757d;font-size:14px}.admin-products-dropdown-menu{border:2px solid #e9ecef;border-radius:8px;box-shadow:0 4px 15px #0000001a;margin-top:4px}.admin-products-dropdown-arrow-icon{color:#6c757d;transition:transform .3s ease}.admin-products-dropdown-arrow-icon.open{transform:rotate(180deg)}.admin-products-clear-filters{align-items:center;background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.admin-products-clear-filters:hover{background:#c82333;transform:translateY(-1px)}.admin-products-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.table-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px 24px}.table-results{color:#495057;font-weight:500}.items-per-page-select{background:#fff;border:2px solid #e9ecef;border-radius:6px;color:#495057;font-size:14px;padding:8px 12px}.products-table-wrapper{overflow-x:auto}.products-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;letter-spacing:.5px;padding:16px 12px}.products-table td{border-bottom:1px solid #e9ecef;padding:16px 12px}.product-row:hover{background:#f8f9fa}.image-cell{width:60px}.product-image{border:2px solid #e9ecef;border-radius:6px;height:50px;overflow:hidden;width:50px}.product-image img{height:100%;object-fit:cover;width:100%}.name-cell{min-width:250px}.product-name{color:#2c3e50;font-weight:600;margin-bottom:4px}.product-description{color:#6c757d;font-size:12px;line-height:1.4}.sku-cell code{background:#e9ecef;border-radius:4px;color:#495057;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.brand-cell,.category-cell{align-items:center;color:#495057;display:flex;font-size:14px;gap:8px}.icon{color:#667eea;font-size:12px}.price-cell{color:#28a745}.price-cell,.pricee-cell{font-size:14px;font-weight:600}.pricee-cell{color:#000}.stock-cell{color:#495057;font-weight:500;text-align:center}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px}.status-badge.low-stock{background:#004aad}.actions-cell{width:150px}.action-buttons{display:flex;gap:8px}.action-btn{border-radius:6px;font-size:14px;padding:8px;transition:all .3s ease}.edit-btn{background:#17a2b8}.edit-btn:hover{background:#138496;transform:translateY(-1px)}.view-btn{background:#28a745;color:#fff}.view-btn:hover{background:#218838;transform:translateY(-1px)}.print-btn{background:#ffc107;color:#212529}.print-btn:hover{background:#e0a800;transform:translateY(-1px)}.pagination-container{background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:center;padding:20px 24px}.pagination{gap:8px}.pagination-btn{border:2px solid #e9ecef;border-radius:6px;color:#495057;font-weight:500;padding:8px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.pagination-btn.active{background:#667eea;border-color:#667eea}.pagination-btn:disabled{opacity:.5}.modal-overlay{background:#00000080;inset:0}.admin-products-loading{align-items:center;color:#6c757d;display:flex;font-size:18px;height:200px;justify-content:center}.admin-products-alert{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;margin-bottom:20px;padding:16px;text-align:center}@media (max-width:768px){.admin-products-filters-horizontal{align-items:stretch;flex-direction:column}.admin-products-filter-group{min-width:auto}.table-header{align-items:stretch;gap:12px}.action-buttons,.table-header{flex-direction:column}.products-table{font-size:12px}.products-table td,.products-table th{padding:8px 6px}}.bulk-update-box{display:flex;gap:10px;margin-bottom:20px}.bulk-update-box input{padding:8px;width:200px}.bulk-update-box button{background:#4caf50;border:none;color:#fff;cursor:pointer;padding:8px 15px}.pagination-container{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:20px;padding:15px 0}.pagination-info{color:#666;font-size:14px}.pagination{gap:5px}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.pagination-btn.active{background:#004aad;border-color:#004aad;color:#fff}.pagination-btn:disabled{background:#f9f9f9;color:#ccc;cursor:not-allowed}.pagination-ellipsis{color:#666;font-size:14px;padding:8px 5px}.pagination-next,.pagination-prev{font-weight:500}@media (max-width:768px){.pagination-container{flex-direction:column;gap:15px}.pagination{flex-wrap:wrap;justify-content:center}}.editable-stock:hover{background-color:#e3f2fd!important;box-shadow:0 0 5px #007bff80}.editable-stock input{background-color:#fff!important;box-shadow:0 0 0 2px #1976d2!important;outline:none}.product-row.selected{background-color:#e3f2fd!important;border-left:4px solid #2196f3;transition:all .2s ease}.product-row.editing{background-color:#bbdefb!important;border-left:5px solid #1976d2;box-shadow:0 2px 8px #1976d24d}.product-row:hover{background-color:#f5f9ff!important;transition:background-color .2s ease}.status-column{background:#f8f9fa;min-width:120px;padding:16px 8px!important;text-align:center;width:120px!important}.status-cell{padding:12px 8px!important;text-align:center!important;vertical-align:middle}.status-badge{border-radius:30px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.8px;min-width:92px;padding:7px 14px;text-transform:uppercase}.status-badge.in-stock{background:#d4edda;color:#155724}.status-badge.out-of-stock{background:#f8d7da;color:#721c24}.status-badge.low-stock{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff9800b3}70%{box-shadow:0 0 0 8px #ff980000}to{box-shadow:0 0 0 0 #ff980000}}.status-badge.low-stock:before{font-size:14px;margin-right:6px}.category-stock-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0003;color:#fff;margin:20px 0;padding:20px}.summary-header{margin-bottom:20px}.summary-header h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;gap:10px;margin:0}.summary-header .category-name{background:#fff3;border-radius:20px;font-size:1rem;font-weight:700;padding:5px 15px;text-transform:uppercase}.summary-icon{font-size:1.5rem}.summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;gap:15px;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{background:#ffffff40;box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.card-icon{font-size:2rem;opacity:.9}.card-details{display:flex;flex-direction:column}.card-label{font-size:.85rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.card-value{font-size:1.8rem;font-weight:700;line-height:1.2}.total-stock .card-icon{color:gold}.total-products .card-icon{color:#98fb98}.in-stock-card .card-icon{color:#4caf50}.low-stock-card .card-icon{color:#ff9800}.out-of-stock-card .card-icon{color:#f44336}@media (max-width:768px){.summary-cards{grid-template-columns:repeat(2,1fr)}.summary-card{padding:12px}.card-value{font-size:1.5rem}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.summary-header h3{flex-direction:column;text-align:center}}.feedback-section{margin:0 auto;max-width:1400px;padding:2rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#004aad,#eef163);border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto 0;width:100px}.cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:1rem}.feedback-card{align-items:center;background:#fff;border:1px solid #004aad1a;border-radius:15px;box-shadow:0 10px 30px #004aad1a;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feedback-card:hover{box-shadow:0 15px 35px #004aad33;transform:translateY(-5px)}.user-avatar{border:3px solid #004aad;border-radius:50%;height:80px;margin-bottom:1rem;object-fit:cover;width:80px}.user-name{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;text-transform:capitalize}.rating-stars{color:#eef163;display:flex;gap:.2rem;margin-bottom:1rem}.review-content{-webkit-box-orient:vertical;color:#555;display:-webkit-box;flex-grow:1;font-size:1rem;line-height:1.6;margin:1rem 0;overflow:hidden;text-overflow:ellipsis}.review-date{color:#888;font-size:.85rem;margin-bottom:.5rem}.product-info{color:#004aad;font-size:.95rem;font-weight:600;margin-top:.5rem}.question-card .user-name{color:#004aad}.question-card .user-email{color:#666;font-size:.9rem;margin-bottom:.5rem}.question-card .message-label{color:#004aad;font-weight:600;margin-top:1rem}.question-card .message-content{background:#f8f9fa;border-radius:8px;font-size:.95rem;margin-top:.5rem;padding:1rem;width:100%}@media (max-width:1200px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.section-title{font-size:2rem;margin-bottom:2rem}.cards-grid{grid-template-columns:1fr;padding:0}.feedback-card{padding:1.5rem}}@media (max-width:480px){.feedback-section{padding:1rem}.section-title{font-size:1.8rem}.user-avatar{height:70px;width:70px}}:root{--color-light:#f8f9fa;--color-gray:#e9ecef;--color-medium:#dee2e6;--color-dark:#004aad;--color-darker:#004aad;--color-accent:#3498db;--color-border:#ced4da;--color-text:#212529;--color-text-light:#6c757d;--box-shadow:0 1px 3px #0000001a;--box-shadow-hover:0 4px 6px #0000001a;--border-radius:4px;--spacing-unit:16px;--max-width:1600px}body{color:#212529;color:var(--color-text);font-family:Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.order-details-wrapper{margin:0 auto;max-width:1600px;max-width:var(--max-width);padding:16px;padding:var(--spacing-unit)}.print-controls{display:flex;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--spacing-unit)}.order-details-container{background-color:#fff;background-color:var(--color-white);border-radius:4px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow);overflow:hidden}.order-header{background-color:#ddd;background-color:var(--color-primary);border-bottom:1px solid #ced4da;border-bottom:1px solid var(--color-border);color:#004aad;padding:24px;padding:calc(var(--spacing-unit)*1.5)}.order-title{font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.order-content{padding:24px;padding:calc(var(--spacing-unit)*1.5)}.details-section{margin-bottom:32px;margin-bottom:calc(var(--spacing-unit)*2)}.details-grid{grid-gap:16px;grid-gap:var(--spacing-unit);display:grid;gap:16px;gap:var(--spacing-unit);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.details-card{background-color:#f8f9fa;background-color:var(--color-light);border-radius:4px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow);padding:16px;padding:var(--spacing-unit)}.details-title{border-bottom:1px solid #004aad;color:#004aad;font-size:1.2rem;font-weight:500;margin-bottom:16px;margin-bottom:var(--spacing-unit);padding-bottom:.5rem}.details-row{display:flex;flex-wrap:wrap;margin-bottom:.75rem}.detail-item{flex:1 1;margin-bottom:.75rem;min-width:200px;padding-right:.5rem}.detail-item.full-width{flex:0 0 100%}.detail-label{color:#004aad;display:block;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;margin-top:4px;text-transform:uppercase}.detail-value{color:#212529;color:var(--color-text);display:block;font-size:1rem;font-weight:400}.section-title{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-medium);color:#004aad;font-size:1.2rem;font-weight:500;margin-bottom:16px;margin-bottom:var(--spacing-unit);padding-bottom:.5rem}.print-btn{align-items:center;background-color:#004aad;border:none;border-radius:4px;border-radius:var(--border-radius);color:#fff;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;transition:all .3s ease}.print-btn:hover{background-color:#004aad;background-color:var(--color-darker);box-shadow:0 4px 6px #0000001a;box-shadow:var(--box-shadow-hover)}.print-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;display:inline-block;height:16px;margin-right:.5rem;width:16px}.error-container,.loading-container{align-items:center;display:flex;font-size:1.1rem;justify-content:center;min-height:200px;padding:2rem}.error-container{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;border-radius:var(--border-radius);color:#dc3545}@media (max-width:768px){.details-grid{grid-template-columns:1fr}.detail-item{min-width:100%}.print-btn,.print-controls{justify-content:center}.print-btn{width:100%}}@media print{.print-controls{display:none}.order-details-container{box-shadow:none}.details-card{page-break-inside:avoid}}.total-amount-edit{display:flex;flex-direction:column}.edit-controls{align-items:center;display:flex;gap:8px}.amount-input{border:1px solid #ddd;border-radius:4px;padding:4px 8px;width:100px}.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.save-btn{background-color:#4caf50}.cancel-btn{background-color:#f44336;color:#fff;margin-left:4px}.edit-btn{background-color:#004aad;color:#fff;margin-left:8px}.display-controls,.loading-spinner{align-items:center;display:flex}.loading-spinner{color:#555;font-size:18px;height:200px;justify-content:center}.error-message{background-color:#ffebee;border-radius:8px;color:#d32f2f;margin:20px;padding:20px;text-align:center}.table-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow-x:auto;padding:15px}.products-table{border-collapse:collapse;min-width:800px;width:100%}.products-table th{background-color:#004aad;color:#fff;font-size:14px;font-weight:600;padding:12px 15px;text-align:left;text-transform:uppercase}.products-table td{border-bottom:1px solid #e0e0e0;padding:12px 15px;vertical-align:middle}.products-table tr:last-child td{border-bottom:none}.products-table tr:hover{background-color:#f5f5f5}.product-image{border:1px solid #e0e0e0;border-radius:4px;height:80px;object-fit:contain;width:80px}.product-name{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-code{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:5px}.label-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:8px 15px;transition:all .3s ease}.label-button:hover{background:linear-gradient(135deg,#2980b9,#1a5276);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.modal-overlay{background-color:#004aad}.modal-content{align-items:center;border-radius:12px;box-shadow:0 5px 20px #0003;display:flex;flex-direction:column;max-width:500px}.label-container{background-color:#fff;border:1px solid #ddd;height:70mm;margin-bottom:20px;padding:10px;width:60mm}.label-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.product-title{flex:1 1;font-size:12px;font-weight:700;text-align:left}.sku{font-size:10px;font-weight:700;text-align:right}.divider{border:1px solid #004aad;margin:5px 0}.date-section{align-items:center;display:flex;font-size:10px;font-weight:700;margin-bottom:15px}.date-icon{height:13px;margin-right:5px;width:13px}.icons-row{align-items:center;display:flex;justify-content:space-around;margin:10px 0}.book-icon,.disturb-icon,.triangle-icon,.warning-icon{height:40px;width:40px}.do-not-icon,.non-sterile-icon{position:relative}.non-sterile-text{font-size:8px;font-weight:700;text-align:center}.non-sterile-text,.number-2{left:50%;position:absolute;top:50%;transform:translate(-50%,-60%)}.number-2{color:#004aad;font-size:30px}.company-info{font-size:10px;font-weight:700}.company-name{align-items:center;display:flex;margin-bottom:5px}.company-icon{height:15px;margin-right:5px;width:15px}.made-in-uk{border-bottom:1px solid #000;display:inline-block;font-size:10px;font-weight:700;text-align:right}.print-button{background:linear-gradient(135deg,#27ae60,#219653);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:10px 20px;text-align:center;transition:all .3s ease;width:150px}.print-button:hover{background:linear-gradient(135deg,#219653,#1e8449);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}@media (max-width:768px){.table-container{padding:10px}.products-table td,.products-table th{font-size:13px;padding:8px 10px}.product-image{height:60px;width:60px}.modal-content{padding:15px;width:95%}}@media (max-width:480px){.container{padding:10px}.products-table td,.products-table th{font-size:12px;padding:6px 8px}.label-button{font-size:12px;padding:6px 10px}.product-image{height:50px;width:50px}}:root{--color-primary:#ddd;--color-secondary:#3498db;--color-success:#27ae60;--color-danger:#e74c3c;--color-light:#ecf0f1;--color-dark:#2c3e50;--color-gray:#95a5a6;--color-white:#fff}.order-track-main{background-color:#fff;background-color:var(--color-white);border-radius:10px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;margin:0 auto;max-width:1100px;padding:1.5rem;width:100%}.order-track-title{color:#004aad;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.order-track-steps{flex-wrap:wrap;justify-content:space-between;margin:0;padding:0;width:100%}.order-track-step,.order-track-steps{display:flex;list-style:none;position:relative}.order-track-step{align-items:center;flex:1 1;flex-direction:column;min-width:80px;padding:0 5px}.step-content{align-items:center;display:flex;flex-direction:column;width:100%}.order-track-step-icon{color:#004aad;font-size:1.8rem;margin-bottom:.5rem}.order-track-step-text{color:#004aad;font-size:.85rem;font-weight:500;line-height:1.3;margin-top:.5rem;text-align:center;word-break:break-word}.order-track-progress{background-color:#95a5a6;background-color:var(--color-gray);border-radius:50%;color:#fff;color:var(--color-white);cursor:pointer;display:grid;height:30px;margin:.5rem 0;place-items:center;position:relative;transition:all .3s ease;width:30px;z-index:1}.order-track-step:not(:last-child):after{color:#95a5a6;color:var(--color-gray);content:"→";font-size:1.5rem;position:absolute;right:-15px;top:30%;z-index:2}.order-track-progress-active~.order-track-step:after{color:#27ae60;color:var(--color-success)}.order-track-progress-active{background-color:#27ae60;background-color:var(--color-success);display:grid;place-items:center}.order-track-progress-active .order-track-progress-icon{display:flex;font-size:1.2rem}.order-track-canceled,.order-track-canceled-first{background-color:#e74c3c;background-color:var(--color-danger);border-radius:50%;color:#fff;color:var(--color-white);display:grid;height:30px;margin:.5rem 0;place-items:center;position:relative;width:30px;z-index:1}.order-track-step.canceled-step:not(:last-child):after{color:#e74c3c;color:var(--color-danger)}@media (max-width:768px){.order-track-main{padding:1rem}.order-track-steps{align-items:flex-start;flex-direction:column;gap:1.5rem}.order-track-step{justify-content:flex-start;max-width:100%;width:100%}.order-track-step,.step-content{align-items:center;flex-direction:row;gap:1rem}.order-track-step-icon{font-size:1.5rem;margin-bottom:0;margin-right:0}.order-track-canceled,.order-track-canceled-first,.order-track-progress{margin:0;order:-1}.order-track-step:not(:last-child):after{content:"↓";left:50%;right:auto;top:100%;transform:translateX(-50%)}.order-track-step-text{flex:1 1;margin-left:0;margin-top:0;text-align:left}}@media (max-width:480px){.order-track-title{font-size:1.3rem;margin-bottom:1rem}.order-track-step-text{font-size:.75rem}.order-track-step-icon{font-size:1.3rem}.order-track-canceled,.order-track-canceled-first,.order-track-progress{height:25px;width:25px}.order-track-canceled svg,.order-track-canceled-first svg,.order-track-progress-icon{font-size:1rem}.order-track-step:not(:last-child):after{font-size:1.2rem}}.image-cards{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.image-card{border-radius:5px;box-shadow:0 2px 5px #0000001a;height:100%;padding:15px}.image-container{height:180px;margin-bottom:10px}.card-image{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.card-image:hover{transform:scale(1.05)}.image-info{margin-top:auto}.image-info p{font-size:14px;margin:5px 0}.image-info p:first-child{color:#333;font-weight:700}.image-actions{justify-content:space-around;margin-top:10px;padding-top:10px}.image-actions button{font-size:1.2rem;padding:5px}.image-actions button:hover{color:green}.modal-content{max-height:90vh;max-width:800px;width:90%}.file-input-label:hover{background-color:#003b8a}.replace-button:not(:disabled):hover{background-color:#218838}.modal-view-image{max-height:70vh;max-width:100%}.image-meta{width:100%}.home{flex:4 1;padding:20px}.homeWidgets{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}@media screen and (max-width:768px){.homeWidgets{flex-direction:column}.widgetLg,.widgetSm{margin-bottom:20px;margin-right:0;width:100%}}.chart{background:linear-gradient(#d4e6f1,#a9cce3);border-radius:10px;box-shadow:0 0 15px -10px #000000bf;margin:20px;padding:20px}.chartTitle{font-size:1.5rem;margin-bottom:20px;text-align:center}.chartContainer{height:300px;width:100%}.responsiveChart{height:100%;width:100%}@media (max-width:600px){.chart{margin:10px;padding:15px}.chartTitle{font-size:1.2rem}.chartContainer{height:250px}}.featured{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:30px;width:100%}.featuredItem{align-items:center;border-radius:10px;box-shadow:0 0 15px -10px #000000bf;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;margin:10px 0;min-width:250px;padding:20px;text-align:center}.ordersBox{background-color:#003f88}.salesBox{background-color:#004aad}.productsBox{background-color:#497abf}.featuredTitle{font-size:18px;font-weight:500}.featuredMoneyContainer{align-items:center;display:flex;justify-content:center;margin-top:10px}.featuredMoney{font-size:26px;font-weight:600}.doubleBox{justify-content:space-between;width:100%}.innerBox{flex:1 1;text-align:center}@media screen and (max-width:1024px){.featured{flex-wrap:wrap;justify-content:center}.featuredItem{flex:1 1 45%;padding:15px}}@media screen and (max-width:600px){.featured{align-items:center;flex-direction:column}.featuredItem{padding:15px;width:100%}.featuredTitle{font-size:16px}.featuredMoney{font-size:22px}}.widgetSm{background-color:#e9ecef;border-radius:10px;box-shadow:0 0 15px -10px #000000bf;flex:1 1;min-width:0;padding:15px}.widgetSmTitle{display:block;font-size:18px;font-weight:600;margin-bottom:15px}.widgetSmList{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.widgetSmListItem{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:10px}.widgetSmUserInfo{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.widgetSmUserDetails{display:flex;flex-direction:column;min-width:0}.widgetSmUserId{color:#555;font-size:14px;font-weight:600;min-width:40px}.widgetSmUserName{font-size:14px;font-weight:500}.widgetSmUserName,.widgetSmUserPhone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widgetSmUserPhone{color:#666;font-size:13px;font-weight:300}.widgetSmButton{align-items:center;background-color:#eeeef7;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;margin-left:10px;padding:6px 10px}.widgetSmIcon{font-size:14px!important;margin-right:5px}@media screen and (max-width:768px){.widgetSm{padding:12px}.widgetSmTitle{font-size:16px}.widgetSmListItem{flex-direction:row;padding:8px}.widgetSmUserInfo{gap:8px}.widgetSmButton{font-size:12px;padding:5px 8px}}@media screen and (max-width:480px){.widgetSmUserId{font-size:12px;min-width:30px}.widgetSmUserName{font-size:13px}.widgetSmUserPhone{font-size:12px}.widgetSmButton{padding:4px 6px}.widgetSmIcon{font-size:12px!important;margin-right:3px}}.widgetLg{background-color:#004aad;border-radius:10px;box-shadow:0 0 15px -10px #000000bf;flex:1 1;min-width:300px;overflow-x:auto;padding:20px}.widgetLgTitle{color:#fff;font-size:22px;font-weight:600;margin-bottom:15px}.widgetLgTableContainer{overflow-x:auto}.widgetLgTable{border-spacing:0;color:#fff;width:100%}.widgetLgTh{border-bottom:1px solid #ffffff1a;padding:10px;text-align:left}.widgetLgThs{color:#000}.widgetLgTr{border-bottom:1px solid #ffffff1a}.widgetLgTr:last-child{border-bottom:none}.widgetLgTable tr:hover{background-color:initial!important}.widgetLgTable tr:hover td{color:#fff!important}.widgetLgAmount,.widgetLgDate,.widgetLgStatus,.widgetLgUser{padding:10px;white-space:nowrap}.widgetLgUser{align-items:center;display:flex;font-weight:600}.widgetLgAmount,.widgetLgDate{font-weight:300}.widgetLgButton{border:none;border-radius:10px;padding:5px 7px;white-space:nowrap}.widgetLgButton.Placed{background-color:#e5faf2;color:#1c579e}.widgetLgButton.Canceled{background-color:#fff0f1;color:#ba2963}.widgetLgButton.Deliverd{background-color:#ebf1fe;color:#1f925a}.widgetLgButton.Package{background-color:#fff0f1;color:#e7e13f}.widgetLgButton.way{background-color:#ebf1fe;color:#8a2266}@media screen and (max-width:768px){.widgetLgTable{min-width:600px}.widgetLgTableContainer{overflow-x:scroll}}@media screen and (max-width:480px){.widgetLgAmount,.widgetLgDate,.widgetLgStatus,.widgetLgTh,.widgetLgUser{font-size:14px;padding:8px 5px}.widgetLgButton{font-size:12px;padding:3px 5px}}.staff-container{box-sizing:border-box;margin:0 auto;padding:16px;width:100%}.staff-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width:600px){.staff-header{align-items:center;flex-direction:row;justify-content:space-between}}.staff-title{color:#004aad;font-weight:600;margin:0}.add-staff-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;min-width:100px;padding:8px 16px;text-transform:none;transition:background-color .3s ease;white-space:nowrap}.add-staff-button,.add-staff-button:hover{background-color:#004aad}.staff-card{border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;transition:transform .2s ease}.staff-card:hover{transform:translateY(-2px)}.MuiTableCell-root{padding:12px 16px!important}.MuiTablePagination-root{overflow:hidden}.MuiTablePagination-toolbar{min-height:52px!important;padding:0 8px!important}@media (max-width:600px){.MuiTablePagination-toolbar{flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 0!important}.MuiTablePagination-spacer{display:none}}.MuiButton-root{font-weight:500!important;text-transform:none!important}.MuiAlert-root,.MuiButton-root{border-radius:8px!important}@media (max-width:480px){.staff-container{padding:12px}.staff-title{font-size:1.25rem}.add-staff-button{width:100%}}.newUser{flex:1 1}.newUserForm{grid-column-gap:1rem;border-radius:1rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:10px}.newUserItem{display:flex;flex-direction:column;margin:10px 70px 10px 20px;width:500px}.newUserItem>label{font-size:20px;font-weight:550;margin-bottom:10px}.newUserItem>input{border-bottom:1px solid var(--color-primery);border-radius:5px;height:50px;padding:20px;width:500px}.newUserSelect{border:1px solid var(--color-primery);border-radius:5px;height:50px;width:500px}.newUserButton{background-color:var( --color-secondry);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;margin:30px;padding:15px;width:300px}.app-container{margin-top:70px;padding:30px}.app-container,.main-content{display:flex;flex-direction:column}.main-content{flex-grow:1;margin-top:20px}.content-wrapper,.main-content>Header{margin-bottom:20px}.content-wrapper{background-color:var(--color-bg-secondry);flex-grow:1;margin-top:20px;min-height:100vh;padding:30px}.toolbar{margin-bottom:20px}.AppLayout{background-color:var(--color-bg-primery);color:var(--color-text)}.layoutContent{background-color:var(--color-bg-secondry);min-height:100vh;padding-left:var(--sidebar-width)}.layoutContentMain{padding:30px}.container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.flex.justify-between{gap:1rem}.text-2xl{color:#2d3748;font-size:2.5rem;font-weight:600}hr{background-color:#e2e8f0;border:0;color:#004aad;height:1px;margin:1rem 0}.text-sm{color:#4a5568;font-size:16px;margin-bottom:1rem}.filter{align-content:end;background-color:#004aad;border-radius:4px;color:#fff;font-size:20px;gap:10px;padding:10px 5px;width:120px}.create:hover,.filter:hover{background-color:#fff;border:2px solid #004aad;color:#004aad}.min-w-full{border-collapse:collapse;width:100%}.bg-white{background-color:#fff}.border{border:1px solid #e2e8f0}.bg-gray-100{background-color:#f7fafc}.px-4{padding-left:10px}.border-b{border-bottom:1px solid #e2e8f0}.hover\:bg-gray-50:hover{background-color:#f9fafb}.bg-gray-300{background-color:#e2e8f0}.bg-green-600{background-color:#38a169}.text-black{color:#1a202c}.text-white{color:#fff}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.rounded{border-radius:.25rem}.mr-2{margin-right:.5rem}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.mb-4{margin-bottom:1.5rem}.dropdowns-wrapper{display:inline-block;position:relative}.create{align-content:end;background-color:#004aad;border-radius:4px;color:#fff;font-size:20px;gap:10px;margin-left:10px;padding:10px 5px;width:150px}.dropdowns-menu{background-color:#fff;border:1px solid #fff;border-radius:4px;box-shadow:0 2px 8px #00000026;display:none;left:0;margin-top:6px;min-width:180px;position:absolute;top:100%;z-index:999}.dropdowns-wrapper .dropdowns-menu{display:block}td,th{padding:12px 16px;text-align:left}th{background-color:#f7fafc;border-bottom:2px solid #e2e8f0}td{border-bottom:1px solid #e2e8f0}td.amount{text-align:right}tr:hover{background-color:#f9fafb}@media (max-width:768px){.container{padding:10px}.min-w-full{overflow-x:auto;width:100%}.create,.filter{margin-bottom:10px;width:100%}.flex.justify-between{flex-direction:column;gap:1rem}}.dropdowns-item{background-color:#fff;color:#333;cursor:pointer;display:block;font-size:16px;padding:10px;text-decoration:none;transition:background-color .2s ease}.dropdowns-item:hover{background-color:#fff;color:#004aad}.filter svg{margin-right:10px}.create svg,.filter svg{vertical-align:middle}.whitespace-nowrap a{display:inline-block}.popup-overlay{background-color:#00000080}.popup-form{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;height:96%;max-height:1900px;max-width:1000px;padding:24px;position:relative;width:100%;z-index:1001}.popup-form h3{color:#004aad;font-size:1.5rem;font-weight:600;margin:0;padding-bottom:10px}.popup-form label{color:#4a5568;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.popup-form input,.popup-form select{border:1px solid #e2e8f0;border-radius:4px;box-sizing:border-box;font-size:.875rem;padding:.5rem;width:100%}.popup-form .mb-4{margin-bottom:1rem}.popup-form .mt-4{margin-top:1rem}.popup-form .flex{display:flex;gap:1rem}.popup-form .w-1\/2{width:50%}.popup-form button{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.popup-form .bg-gray-300{background-color:#e2e8f0;color:#2d3748}.popup-form .bg-gray-300:hover{background-color:#cbd5e0}.popup-form .bg-#004aad{background-color:#004aad;color:#fff}.popup-form .bg-#004aad:hover{background-color:#003d9a}.popup-form .text-red-500{color:#ef4444}.popup-form .flex.justify-end{justify-content:flex-end}.popup-header{background-color:#004aad;height:15px;padding:1.5rem 1rem .5rem;position:relative;width:100%}.popup-header h3{color:#fff;font-size:50px;font-weight:600;left:1rem;margin:0;position:absolute;top:1.2rem}.close-btn{background-color:initial;font-size:2px;height:auto;position:absolute;right:1rem;right:1px;top:.5rem;top:-2px;z-index:10}.popup-body{padding:1rem}.subheading{border-bottom:5px solid #004aad;color:#004aad;font-size:1rem;margin-bottom:.5rem;padding-bottom:.3rem}.form-section{margin-top:1rem}.form-group{min-width:150px}.full-width{width:100%}label{display:block;font-weight:500;margin-bottom:.25rem}.form-input{border:1px solid #ccc;border-radius:5px;padding:.5rem;width:100%}.form-actions{gap:.5rem;margin-top:1.5rem}.btn{border-radius:5px;cursor:pointer;font-weight:600;padding:.5rem 1rem}.btn.cancel,.btn.save{background:#004aad}.btn.save{color:#fff}.btn-cancel{background-color:#ccc}.btn-save{background-color:#2563eb}.popup-title{font-size:22px;font-weight:700;margin-bottom:20px}.subheading{font-size:18px;font-weight:600;margin-bottom:16px}.form-section{display:flex;flex-direction:column;gap:20px}.form-row{flex-wrap:wrap;gap:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px}.form-group.large-textarea{flex:3 1}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-cancel,.btn-save{background-color:#004aad;border:none;border-radius:4px;color:#fff;padding:8px 16px}.required{color:red}.journal{margin-bottom:200px}.filter-popup{background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;width:400px}.billss-top-bar{align-items:flex-start;background-color:#fff;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.8rem;margin-left:-20px;padding:1rem;width:1200px}.action-btn,.billss-top-bar{border-radius:4px;display:flex}.action-btn{background-color:#004aad;color:#fff;font-size:.9rem;gap:.3rem;padding:.5rem 1rem}.action-btn:hover{background-color:#003c8a}.action-filter{border:solid #5c5c5c;border-width:1px 1px 3px;font-size:20px;width:100px}.dropdowns-btn{align-items:center;background-color:#fff;border:2px solid #004aad;border-radius:3px;color:#004aad;cursor:pointer;display:flex;font-size:.9rem;font-size:16px;font-weight:700;gap:.3rem;height:38px;padding:.5rem 1rem;position:relative}.dropdown-btns{border:2px solid #004aad}.filters-btn{align-items:center;background-color:#fff;border:2px solid #838383;border-radius:4px;color:#535353;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:.3rem;padding:.5rem 1rem;position:relative;transition:border-color .2s}.filters-btn:hover{border-color:#004aad;color:#004aad}.filters-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-right:200px;max-width:100%;padding:15px;width:500px!important;z-index:1000}.filter-options{gap:20px}.filter-group label{color:#444;font-size:.95rem;font-weight:500;letter-spacing:.5px;margin:0 0 5px;text-transform:uppercase}.filter-input-row{align-items:center}.filter-input,.filter-select{background:#f9f9f9;border:1px solid #ddd;color:#333;font-size:.9rem;padding:8px 12px;transition:border-color .3s,background-color .3s}.filter-input:focus,.filter-select:focus{background:#fff;border-color:#007bff;outline:none}.filter-input[type=date]{padding:8px 12px}.filter-input[placeholder=dd-mm-yyyy]{color:#888}.filter-actions{display:flex;gap:10px;justify-content:flex-end}.filter-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 20px;transition:background-color .3s,color .3s}.apply-btn{background-color:#004aad}.apply-btn:hover{background-color:#003b7a}.reset-btn{background:#fff;border:1px solid #ccc;color:#555}.reset-btn:hover{background:#f1f1f1;color:#333}.dropdown-close-btn{color:#666;font-size:1.2rem}.dropdown-close-btn:hover{color:#000}.upload-popup-overlay{background-color:#00000080;height:100%;width:100%;z-index:1000}.dropdown-menu,.dropdown-meu{min-width:100px;right:0}.dropdown-meu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0003;margin-top:.3rem;position:absolute;top:100%;z-index:1000}.dropdown-meu button{color:#333;padding:.5rem;width:90%}.dropdown-meu button:hover{background-color:#f0f0f0}.action-col{margin-right:-10px;text-align:left}.delete-confirmation-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.delete-confirmation-modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center;width:400px}.delete-confirmation-modal h2{color:#333;font-size:1.5rem;margin:0 0 10px}.delete-confirmation-modal p{color:#666;margin:0 0 20px}.delete-confirmation-modal .cancel-btn,.delete-confirmation-modal .confirm-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin:0 10px;padding:10px 20px}.delete-confirmation-modal .confirm-btn{background-color:#d32f2f;color:#fff}.delete-confirmation-modal .cancel-btn{background-color:#ccc;color:#333}.delete-confirmation-modal .confirm-btn:hover{background-color:#b71c1c}.delete-confirmation-modal .cancel-btn:hover{background-color:#bbb}.make-payment-btn{background-color:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.5rem 1rem}.make-payment-btn:hover{background-color:#036}.notification.success{background-color:#28a745;color:#fff}.notification.error{background-color:#dc3545;color:#fff}.upload-button:disabled{background-color:#ccc;cursor:not-allowed}.upload-popup-overlay{background:#cfcfcf80}.upload-popup{max-width:100vw;min-height:350px;padding:2rem;width:500px}.create-bill-popup{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;height:950px;max-width:95vw;padding:2rem;position:relative;width:1500px}.bill-form-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-top:-20px;padding-bottom:1rem}.header-title{align-items:center;color:#333;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem}.header-icon{color:grey;font-size:1.1rem}.header-actions{border:none;gap:.8rem}.icon-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:.9rem;padding:.3rem}.icon-btn:hover{background:#f5f5f5;color:#004aad}.text-icon-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:.3rem;padding:.3rem .6rem}.text-icon-btn:hover{background:#f5f5f5;color:#004aad}.form-main-title{color:#333;font-size:1.5rem;margin-bottom:1.5rem;margin-top:-20px}.bill-form-container{display:flex;flex-direction:column;margin-top:-20px}.form-section{margin-bottom:1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-group{flex:1 1;min-width:0}.wide-group{flex:2 1}.form-group label{color:#555;display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.7rem;width:100%}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:1rem}.five-items-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.form-action-buttons{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.cancel-btn{background:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:.9rem;font-weight:500;padding:.7rem 1.5rem}.cancel-btn:hover{background:#e0e0e0}.submit-btn{background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.7rem 1.5rem}.submit-btn:hover{background:#003c8a}.amount-display{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;margin-left:auto}.amount-value{color:#000;font-size:1.5rem;font-weight:700;margin-top:.5rem}.form-group.required label:after{color:#e74c3c;content:"*";margin-left:4px}@media (max-width:768px){.five-items-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.form-row{flex-direction:column;gap:1rem}.five-items-row{grid-template-columns:1fr}.form-action-buttons{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.filter-dropdown{background:#fff;box-shadow:0 2px 4px #0000001a;padding:.5rem;position:absolute;width:250px;z-index:10}.filter-dropdown input,.filter-dropdown select{margin-bottom:.5rem;padding:.25rem;width:100%}.filter-dropdown button{border-radius:4px;cursor:pointer;padding:.25rem .5rem}.filter-dropdown button:hover{background-color:#f0f0f0}.table-section{border-radius:none;margin-top:-1.5rem}.table-header{align-items:center;justify-content:space-between;margin-bottom:.5rem}.settings-btn{background:none;color:#666;font-size:1.2rem}.table-container{max-height:200px}.item-table td,.item-table th{padding:.5rem}.item-table th{background-color:#f5f5f5}.item-table td:first-child,.item-table th:first-child{width:5%}.item-table td:nth-child(3),.item-table th:nth-child(3){width:50%}.item-table td:nth-child(4),.item-table th:nth-child(4){width:15%}.item-table td:last-child{text-align:right}.item-table td input,.item-table td select{padding:.3rem}.item-table td .action-buttons{justify-content:flex-end}.icon-button.copy{color:#2196f3;margin-right:.5rem}.icon-button.copy:hover{background-color:#2196f31a}.add-button{align-items:center;background-color:#fff;border:1px solid #4b4b4b;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem}.add-button:hover{background-color:#3d3d3d;color:#fff}.add-secondary-button{align-items:center;background-color:#fff;border:1px solid #4b4b4b;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem}.add-secondary-button:hover{background-color:#3d3d3d;color:#fff}.clear-btn,.print-btn,.recurring-btn,.save-new-btn{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#666;cursor:pointer;font-size:1rem;margin:0 .5rem;padding:.7rem 1.5rem}.clear-btn:hover,.print-btn:hover,.recurring-btn:hover,.save-new-btn:hover{background-color:#e0e0e0}.clear-btn:active,.print-btn:active,.recurring-btn:active,.save-new-btn:active{background-color:#d0d0d0}.suppliers-container{padding:2rem}.page-body{font-size:15px;padding-top:1rem}.suppliers-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.suppliers-title{font-size:30px;margin-bottom:1.3rem;margin-left:-20px;margin-top:-20px}.suppliers-buttons{display:flex;flex-wrap:wrap;gap:.3rem}.info-boxes{display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;margin-top:1.5rem}.info-box{border-radius:2px;box-shadow:0 2px 6px #0000000f;color:#fff;padding:1rem;text-align:left}.box-total-suppliers{background-color:#8f98f0;margin-right:1%;width:30%}.box-pending-verifications{background-color:#f0c266;margin-right:0;width:19%}.box-recently-added{background-color:#6ecf85;margin-left:0;width:19%}.box-inactive-suppliers{background-color:#d8737d;margin-left:1%;width:30%}.info-box label{color:#f0f0f0;display:block;font-size:.85rem;margin-bottom:.4rem}.info-box p{font-size:.9rem;margin:0}.suppliers-table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:2rem 0 1rem}.search-wrapper{position:relative;width:250px}.supplier-search{border:1px solid #ccc;border-radius:4px;font-size:.8rem;height:40px;padding:.5rem 2.5rem .5rem .75rem;width:110%}.search-icon{size:30px;color:#777;pointer-events:none;position:absolute;right:-15px;top:50%;transform:translateY(-50%)}.supplier-icons{align-items:center;display:flex;gap:1rem}.suppliers-table{overflow-x:auto}.table-row{align-items:center;border-bottom:1px solid #eee;display:flex;min-width:800px;padding:.75rem}.table-header{background:#f9f9f9;border-bottom:2px solid #ddd;font-size:16px;font-weight:600;margin-top:30px;position:relative;z-index:1}.supplier-col{flex:1 1}.company-col{flex:1.5 1}.phone-col{flex:1 1}.email-col{flex:2 1}.balance-col{flex:1.2 1}.actions-col{display:flex;flex:1 1;height:100%;text-align:left}.actions-btn{background-color:initial;border:none;border-radius:4px;color:#004aad;font-size:1.5rem;padding:.4rem .8rem}.actions-btn:hover{color:#012452}.suppliers-table .table-row:hover{background-color:#f5f9ff;transition:background-color .2s ease}.header-action-col{justify-content:flex-start!important;padding-left:0!important}.dropdown{margin-top:3px}.action{margin-left:120px;margin-right:50px}.modal-overlay{background-color:#00000080;height:100%;width:100%;z-index:1000}.modal-content{border-radius:10px;box-shadow:0 5px 15px #0000004d;font-family:Arial,sans-serif;max-width:50%;padding:24px;width:300px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.modal-header h3{color:#333;font-size:1.25rem;margin:0}.modal-close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;margin-right:-150px}.modal-close-btn:hover{color:#333}.modal-body{margin-bottom:24px}.modal-body p{color:#333;font-size:1rem;margin:0 0 8px}.modal-warning{color:#d32f2f;font-size:.9rem}.modal-footer{display:flex;gap:12px;justify-content:flex-end}.modal-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}.modal-cancel-btn{background-color:#f0f0f0;color:#333}.modal-cancel-btn:hover{background-color:#e0e0e0;transform:translateY(-1px)}.modal-delete-btn{background-color:#d32f2f;color:#fff}.modal-delete-btn:hover{background-color:#b71c1c;transform:translateY(-1px)}.side-form-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.side-form{background:#fff;box-shadow:-3px 0 10px #0000001a;height:100%;overflow-y:auto;padding:30px;position:fixed;right:-100%;top:0;transition:right .35s ease-out;width:700px}.side-form.show{right:0}.close-button{color:#000;font-size:30px;right:30px}.form-header{align-items:center;display:flex;justify-content:space-between}.form-icons svg{cursor:pointer;font-size:22px;margin-left:10px}.form-section{margin-top:30px}.section-header{align-items:center;display:flex;gap:8px;margin-bottom:25px;margin-top:-30px}.section-icon{font-size:25px}.form-grid{grid-gap:12px;gap:12px;padding:5px}.five-col-custom,.form-grid{display:grid;margin-bottom:20px}.five-col-custom{grid-gap:10px;gap:10px;grid-template-columns:repeat(5,minmax(100px,1fr))}.two-col{grid-template-columns:repeat(2,1fr)}.form-groups{display:flex;flex-direction:column}.form-groups label{font-size:12px;margin-bottom:2px;margin-top:-15px}.form-groups input,.form-groups textarea{border:1px solid #ccc;border-radius:3px;padding:8px;width:100px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:12px;margin-bottom:2px;margin-top:-15px}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:3px;padding:8px}.full-width{grid-column:span 5;margin-bottom:15px}.preview-btn{background-color:#fff;border-radius:4px;color:#004aad;cursor:pointer;font-size:15px;margin-top:-20px;padding:8px 14px}.preview-btn:hover{color:#023579}.form-submit button{background:#f0f0f0;border:1px solid #a1a1a1;border-radius:2px;color:#585858;cursor:pointer;font-size:16px;margin-left:440px;margin-top:20px;padding:10px 20px;width:200px}.form-submit button:hover{background-color:#003c8a;color:#ccc}.suppliers-table .table-row{color:inherit;display:table-row;text-decoration:none}.suppliers-table .table-row>div{border:1px solid #ddd;display:table-cell;padding:8px;vertical-align:middle}.suppliers-table .table-row.active{background-color:inherit;color:inherit}.suppliers-table .table-row:hover{background-color:#f5f5f5;cursor:pointer}.action-col .dropdown,.action-col button{cursor:pointer}.table-header{display:flex;font-weight:700}.suppliers-table{border-collapse:collapse;display:table;width:100%}@media (max-width:1024px){.info-box{margin:0 0 1rem!important;width:48%!important}}@media (max-width:768px){.nav-bar,.suppliers-header-row{align-items:flex-start;flex-direction:column}.suppliers-buttons{flex-direction:column;width:100%}.info-boxes{flex-direction:column;gap:1rem}.info-box{width:100%!important}.supplier-icons{justify-content:flex-start;width:100%}.search-wrapper{width:100%}.table-row{font-size:14px}}@media (max-width:480px){.nav-button{font-size:14px}.header-btn,.header-nav-btn,.nav-btn{font-size:14px;text-align:center;width:100%}.suppliers-buttons{gap:.5rem}.action-btn{font-size:.75rem}.suppliers-title{font-size:22px;margin-left:0}h1{font-size:20px;margin-left:0}.table-row{padding:.5rem}}body{background:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0}.supplier-details-container{box-shadow:5px solid #333;display:flex;flex-direction:column;height:100vh}.main-layout{flex:1 1}.content-panel{flex:1 1;margin-top:-10px;overflow-y:auto;padding:20px}.hi2{font-size:25px;margin-bottom:1.3rem;margin-left:-15px;margin-top:-15px}.navbar{align-self:center;border-bottom:2px solid #eee;display:flex;flex-wrap:wrap;gap:1rem;height:58px;margin-bottom:1.1rem;margin-top:-5px;padding:10px 20px;width:1200px}.nav-button{align-items:self-start}.navbutton{font-weight:700;margin-top:10px;text-align:center;width:110px}.nav-button.active,.nav-button:hover,.navbutton{border-bottom:3px solid #004aad;color:#004aad}.header-actions{border-bottom:1px solid #ddd;padding:10px 20px}.sidebar{border:1px solid #ddd;border-radius:4px;margin:10px;overflow-y:auto;padding:10px;width:250px}.sidebar-header{display:flex;justify-content:space-between;margin-bottom:10px}.filter-input{border:1px solid #ccc;border-radius:4px}.filter-input,.sort-dropdown{font-size:16px;margin-bottom:10px;padding:8px;width:100%}.sort-dropdown{border:3px solid #004aad;border-radius:4px;color:#004aad;font-weight:700}.supplier-lists{height:200px;overflow-y:auto;padding-right:5px}.supplier-item{align-items:center;border-left:3px solid #0000;color:#000;cursor:pointer;display:flex;min-height:36px;padding:10px 12px;transition:color .3s ease}.supplier-item.active{background:#0000;border-left:4px solid #004aad;color:#004aad}.supplier-item a{border-left:3px solid #0000;color:#000;display:block;line-height:.8;padding:8px 12px;text-decoration:none;transition:color .2s ease,border-color .2s ease}.summary-panel{padding:1px}.summary-items{display:flex;flex-direction:column;gap:1px;padding:1px 0}.summary-item{justify-content:space-between;padding:2px 4px}.summary-label{font-size:13px;font-weight:700}.summary-label.paid-label{color:#28a745}.summary-label.open-balance-label{color:#007bff}.summary-label.overdue-label{color:#dc3545}.summary-label.ach-label{color:#6f42c1}.summary-value{color:#000;font-size:13px;font-weight:600}.supplier-item a:hover{color:#002658}.supplier-item a:active,.supplier-item a:focus,.supplier-item a:hover,.supplier-item a:visited{background-color:initial!important;box-shadow:none!important;color:inherit!important;outline:none!important;text-decoration:none}.custom-navlink{color:#000;display:block;padding:8px 12px;text-decoration:none;transition:color .3s ease}.custom-navlink.active{background-color:initial!important;border-bottom:1px solid #ccc;color:#002658;font-weight:700}.supplier-info-panel{background:#fff;border:1px solid #ddd;border-radius:4px;display:inline-block;padding:15px;vertical-align:top;width:70%}.supplier-info-panel h2{align-items:center;color:#333;display:flex;font-size:22px;margin:0 0 10px}.suppliers-title{color:#2167c2;font-size:20px;font-weight:700;margin-left:8px;margin-top:-50px}.address,.company-name,.notes{color:#666;font-size:14px;margin:5px 0}.contact-info{color:#666;display:flex;font-size:16px;gap:10px;margin:10px 0 10px 10px}.contact-info span{align-items:center;display:flex;gap:5px}.add-notes{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;margin-left:5px}.transaction-section{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:#333;margin-bottom:20px;padding:15px}.transaction-table{border-collapse:collapse;width:100%}.transaction-table td,.transaction-table th{border-bottom:1px solid #ddd;font-size:14px;padding:8px}.transaction-table th{background:#f5f5f5;font-size:12px;gap:5px;height:70px;text-align:left}.transaction-table td{height:70px;vertical-align:middle}.filter-section{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.filter-dropdown{border:1px solid #ccc;border-radius:4px;font-size:15px;margin-left:630px;margin-top:-10px;padding:10px;width:200px}.edit-button{background:#fff;border:2px solid #838383;border-radius:3px;color:#838383;cursor:pointer;font-size:18px;height:40px;margin-right:10px;padding:5px 10px}.edit-button:hover{background-color:#fff;border:2px solid #424242;color:#424242}.new-transaction-button{background:#004aad;border-radius:3px;font-size:18px;height:40px;margin-bottom:10px;margin-top:-30px;padding:5px 15px}.new-transaction-button:hover{background-color:#002658;color:#fff}.action-button{background-color:#fff;border:none;border-radius:4px;color:#004aad;cursor:pointer;font-size:14px;padding:4px 8px}.action-button-row{display:flex;gap:20px;justify-content:center;margin-right:500px;margin-top:30px}.actions-btn{background-color:#fff;border-bottom:3px solid #0000;border-radius:0;color:#4e4e4e;cursor:pointer;font-size:18px;padding:5px 20px}.actions-btn.active,.actions-btn:hover{border-bottom:3px solid #004aad;color:#004aad}.actions-btn:hover{background-color:#fff}.mid-action-button{background-color:#fdfdfd;border-bottom:3px solid #0000;color:#646464;cursor:pointer;font-size:18px;margin-right:17px;padding:5px 20px}.mid-action-button.active{border-bottom:3px solid #004aad;color:#004aad}.mid-action-button:hover{border-bottom:3px solid #003a86;color:#003a86}.summary-panel{background:#fff;border:1px solid #ddd;border-radius:4px;display:inline-block;height:208px;margin-left:2%;padding:15px;vertical-align:top;width:28%}.summary-panel h2{color:#333;font-size:18px;margin:0 0 10px}.summary-items{margin-top:10px}.summary-item{align-items:center;display:flex;font-size:14px;margin:5px 0}.pound-balance:before{color:#ff9800;content:"£";margin-right:5px}.supplier-details-view h3{font-size:1.1rem;margin-bottom:10px}.supplier-details-view div{margin-bottom:8px}.open-balance:before{color:#007bff;content:"€";margin-right:5px}.overpayment:before{color:#f44336;content:"£";margin-right:5px}.info-summary-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.supplier-details-container{padding:20px}.header-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.new-transaction-button{background-color:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 16px}.dropdown-container{display:inline-block;position:relative}.dropdown-menus{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000026;margin-top:5px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{color:#333;display:block;font-size:16px;padding:10px 15px;text-align:left;text-decoration:none;transition:background-color .2s}.dropdown-item:hover{background-color:#e4e4e4;color:#004aad}.dropdown-item:active{background-color:#e0e0e0}.dropdown-items{background-color:initial;color:#333;display:block;font-size:16px;margin-bottom:7px;margin-left:7px;padding:10px 15px;text-align:center;text-decoration:none;transition:background-color .2s}.dropdown-items:hover{background-color:#e4e4e4;color:#004aad}.dropdown-items:active{background-color:#e0e0e0}.supplier-details-view{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:20px}.supplier-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.billing-address,.supplier-info{flex:1 1}.billing-address p:first-child,.supplier-info p:first-child{font-weight:700;margin-bottom:5px}.summary-value-item,.summary-values{align-items:flex-end;display:flex;flex-direction:column}.summary-value-item.overdue span:last-child{color:#dc3545}.contact-info-section{margin-bottom:20px}.contact-info-section h3{margin-bottom:10px}.contact-item{display:flex;justify-content:space-between;margin-bottom:5px}.contact-item p:last-child{margin-left:10px}@media (max-width:1024px){.navbar{flex-wrap:wrap;padding:10px;width:100%}.main-layout{flex-direction:column;padding:10px}.summary-panel,.supplier-info-panel{margin-left:0;margin-top:10px;width:100%}.supplier-info-panel h2,.suppliers-title{font-size:clamp(16px,4vw,20px);margin-top:100px}.filter-section{align-items:flex-start;flex-direction:column;gap:8px}.filter-dropdown,.sort-dropdown{font-size:clamp(14px,1.2vw,16px);width:100%}.transaction-table{display:block;overflow-x:auto}}@media (max-width:600px){.supplier-info-panel h2,.suppliers-title{font-size:clamp(16px,4vw,20px);margin-top:100px}.actions-btn,.edit-button,.mid-action-button,.new-transaction-button{font-size:clamp(14px,4vw,16px);padding:8px 10px}.address,.company-name,.contact-info,.notes,.summary-item{font-size:clamp(12px,3.5vw,14px)}.transaction-table td,.transaction-table th{font-size:clamp(12px,3vw,14px);padding:6px}.action-button-row{flex-wrap:wrap;gap:10px}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.modal-content{background-color:#fff;box-shadow:0 4px 10px #0003;max-width:90%;padding:20px;text-align:center;width:400px}.modal-content h2{color:#333;font-size:18px;margin-bottom:20px}.modal-select{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:20px;padding:8px;width:100%}.modal-buttons{display:flex;gap:10px;justify-content:center}.modal-cancel-button,.modal-delete-button,.modal-save-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px}.modal-cancel-button{background-color:#6c757d;color:#fff}.modal-cancel-button:hover{background-color:#5a6268}.modal-save-button{background-color:#004aad;color:#fff}.modal-save-button:hover{background-color:#012e5e}.modal-delete-button{background-color:#92000f;color:#fff}.modal-delete-button:hover{background-color:#5c0009}.actions-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;padding:20px;text-align:center;width:300px}.actions-popup h2{color:#333;font-size:18px;margin-bottom:20px}.actions-popup-buttons{display:flex;flex-direction:column;gap:10px}.actions-popup-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;transition:background-color .2s}.actions-popup-button:hover{background-color:#0056b3}.actions-popup-button-delete{background-color:#dc3545}.actions-popup-button-delete:hover{background-color:#c82333}.filters-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 10px #0003;padding:20px;width:400px}.dropdown-close-btn{background:none;border:none;color:#333;cursor:pointer;position:absolute;right:10px;top:10px}.filter-options{gap:15px}.filter-group,.filter-options{display:flex;flex-direction:column}.filter-label{color:#333;font-size:14px;font-weight:700;margin-bottom:5px}.filter-sublabel{color:#555;font-size:12px}.filter-input-row{display:flex;flex-wrap:wrap;gap:10px}.filter-input,.filter-select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px;width:100%}.filter-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.filter-apply-button,.filter-reset-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px}.filter-apply-button{background-color:#007bff;color:#fff}.filter-apply-button:hover{background-color:#0056b3}.filter-reset-button{background-color:#6c757d;color:#fff}.filter-reset-button:hover{background-color:#5a6268}.transaction-row{cursor:pointer;transition:background-color .2s}.transaction-row:hover{background-color:#f8f9fa}.actions-topbar{align-items:center;background-color:#000;border-radius:4px;color:#fff;display:flex;margin-bottom:10px;padding:10px 20px;z-index:999}.actions-topbar-label{flex-grow:1;font-size:16px;font-weight:500;margin-right:20px}.actions-topbar-button{background-color:#161616;border:none;border-radius:4px;color:#d3d2d2;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 16px}.actions-topbar-button:hover{background-color:#1b1b1b}.actions-topbar-button-delete{background-color:#970101;color:#fff}.actions-topbar-button-delete:hover{background-color:#380000}.table-container{border:1px solid #ddd;border-radius:4px;margin-top:10px;max-height:400px;overflow-y:auto}.item-table{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.item-table td,.item-table th{border-bottom:1px solid #eee;padding:.75rem;vertical-align:middle}.item-table th{background-color:#f8f9fa;color:#333;font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.item-table td:first-child,.item-table th:first-child{text-align:center;width:8%}.item-table td:nth-child(2),.item-table th:nth-child(2){width:25%}.item-table td:nth-child(3),.item-table th:nth-child(3){width:45%}.item-table td:nth-child(4),.item-table th:nth-child(4){text-align:right;width:17%}.item-table td:last-child{text-align:center;width:5%}.item-table td input,.item-table td select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:.5rem;width:100%}.item-table td input:focus,.item-table td select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.item-table td input[type=number]{text-align:right}.item-table td .action-buttons{display:flex;gap:.5rem;justify-content:center}.icon-button{border-radius:3px;color:#666;display:flex;padding:.25rem;transition:all .2s ease}.icon-button:hover{background-color:#f5f5f5;color:#333}.icon-button.copy:hover{color:#004aad}.icon-button.delete:hover{color:#dc3545}@media (max-width:768px){.table-container{max-height:300px}.item-table td,.item-table th{padding:.5rem}.item-table td:first-child,.item-table th:first-child{width:10%}.item-table td:nth-child(2),.item-table th:nth-child(2){width:30%}.item-table td:nth-child(3),.item-table th:nth-child(3){width:40%}.item-table td:nth-child(4),.item-table th:nth-child(4){width:15%}.item-table td:last-child{width:5%}}.lot-tabs{border-bottom:1px solid #ddd;display:flex;margin-top:30px}.lot-tab{background:none;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;font-size:16px;padding:10px 20px}.lot-tab.active{border-bottom-color:#004aad;color:#004aad;font-weight:700}.lot-tab-content{padding:20px 0}.details-content,.lot-container{box-sizing:border-box;min-width:1060px!important;width:100%}.details-content{margin-top:20px}.image-section{box-sizing:border-box;margin-bottom:30px;min-width:1060px!important;width:100%}.image-section h3{border-bottom:1px solid #eee;color:#004aad;margin-bottom:15px;padding-bottom:5px}.image-cards{grid-gap:15px!important;display:grid;gap:15px!important;grid-template-columns:repeat(5,200px)!important;justify-content:start;overflow-x:auto}.image-card{background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;min-height:350px;overflow:hidden;width:150px!important}.image-container{cursor:pointer;margin:0;padding:0}.image-preview{display:block;height:100%;object-fit:cover;width:100%}.file-placeholder{background:#f5f5f5;color:#333;font-size:8px;height:100%;text-align:center;word-break:break-all}.image-actions{border-top:1px solid #eee;display:flex;justify-content:center;margin-left:12px;margin-top:3px}.image-actions button{background:none;border:none;color:#004aad;cursor:pointer;font-size:15px;transition:color .2s}.image-actions button.delete:hover,.image-actions button:hover{color:#333}.image-data{color:#333;flex-grow:1;font-size:13px;margin-left:5px;padding:2px}.image-data p{margin:1px 0;overflow:hidden;text-overflow:ellipsis;white-space:wrap}.image-data strong{color:#555}.notes-content{margin-top:20px}.notes-list{margin-bottom:20px}.note{background:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:15px;padding:15px}.note-header{display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.note-author{color:#004aad;font-weight:700}.note-date{color:#666}.note-text{line-height:1.5}.add-note{margin-top:20px}.add-note textarea{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;min-height:100px;padding:10px;resize:vertical;width:100%}.add-note button{background-color:#004aad;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:8px 15px}.image-modal{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:80vh;max-width:60%;overflow-y:auto;padding:25px;position:relative;width:95%}.close-modal{background:none;border:none;color:#333;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.replace-image-container{display:flex;flex-direction:column;gap:20px}.file-selection-form{display:flex;flex-direction:column;gap:10px}.file-input-label{border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px;text-align:center;transition:background-color .2s}.file-input-label,.file-input-label:hover{background-color:#004aad}.file-input{display:none}.file-info{color:#555}.image-comparison{display:flex;gap:20px;margin:15px 0}.image-box{border:1px solid #ddd;border-radius:5px;flex:1 1;padding:10px}.image-box h4{color:#004aad;margin-top:0;text-align:center}.comparison-image{max-height:300px;object-fit:contain;width:100%}.no-image-placeholder{align-items:center;background-color:#f5f5f5;border-radius:4px;color:#999;display:flex;height:200px;justify-content:center}.replace-button{background-color:#28a745;border-radius:4px;font-size:16px;padding:10px 20px;transition:background-color .2s}.replace-button:disabled{background-color:#ccc;cursor:not-allowed}.replace-button:not(:disabled):hover{background-color:#80abe3}.view-image-container{align-items:center;display:flex;flex-direction:column}.modal-view-image{margin-bottom:15px;max-height:90vh;max-width:150%;object-fit:contain}.image-meta{background-color:#f5f5f5;border-radius:4px;padding:10px;width:80%}.image-meta p{margin:5px 0}.error{color:red}.add-image-button{background-color:#ccc;border:none;border-radius:3px;color:#696969;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 15px}.add-image-button:hover{background-color:#b8b8b8}.aesthetic-upload{align-items:center;display:flex;flex-direction:column;gap:15px;padding:20px}.upload-area{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:15px;cursor:pointer;padding:40px;text-align:center;transition:all .3s ease;width:100%}.upload-area:hover{background-color:#eef3f8;border-color:#666}.cloud-icon{color:#777;margin-bottom:10px;transition:transform .3s ease}.upload-area:hover .cloud-icon{color:#007bff;transform:scale(1.15)}.file-input-hidden{display:none}.file-info{color:#444;font-size:14px}.preview-image{border:1px solid #ddd;border-radius:10px;max-width:100%}.replace-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:.3s}.replace-button:hover{background-color:#0056b3}.modal-image-container{position:relative;text-align:center}.modal-image-full{border-radius:8px;height:auto;margin-top:10px;max-width:100%}.download-icon-button{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:pointer;padding:6px;position:absolute;right:10px;top:10px}.download-icon-button:hover{background:#f0f0f0}.header-row{justify-content:space-between;margin-bottom:20px}.add-file-button,.header-row{align-items:center;display:flex}.add-file-button{background:linear-gradient(135deg,#004aad,#004aad);border:none;border-radius:4px;box-shadow:0 2px 6px #004aad4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.add-file-button:hover{background:linear-gradient(135deg,#003b8a,#0056b3);box-shadow:0 4px 8px #004aad66;transform:translateY(-1px)}.add-file-button:active{box-shadow:0 2px 4px #004aad33;transform:translateY(0)}.upload-icon{font-size:16px;margin-right:8px}.file-icon{height:100px;object-fit:contain;width:100px}.file-placeholder{background-color:#f5f5f5;border-radius:8px}.file-placeholder,.image-container{align-items:center;display:flex;height:150px;justify-content:center;width:100%}.image-container{overflow:hidden}.file-icon,.image-preview{max-height:100%;max-width:100%;object-fit:contain}.lot-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.lot-header{border-bottom:2px solid #004aad;margin-bottom:20px;padding-bottom:10px}.lot-header h1{color:#004aad;font-size:24px;font-weight:700;margin:0}.lot-content{display:flex;flex-wrap:wrap;gap:20px}.lot-column{flex:1 1;min-width:300px}.lot-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;margin-bottom:20px;padding:15px}.lot-section h2{border-bottom:1px solid #e0e0e0;color:#004aad;font-size:18px;margin-bottom:15px;padding-bottom:8px}.lot-field{border-bottom:1px dashed #e0e0e0;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:5px}.lot-field span:first-child{color:#555;font-weight:700}.lot-field span:last-child{color:#333}.lot-images{display:flex;flex-wrap:wrap;gap:15px}.lot-image-field{flex:1 1;min-width:200px}.loading{color:#666}.error,.loading{font-size:18px;padding:50px;text-align:center}.error{background-color:#ffebee;border-radius:5px;color:#d32f2f}.bills-top-bar{width:1400px}.bills-actions{align-items:flex-start}.icon-actions{margin-left:-300px}.bills-container{padding:2rem}.nav-bar{margin-bottom:2.2rem}.nav{align-items:center;background:none;border:none;color:#004aad;cursor:pointer;font-size:16px;font-weight:700;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.nav,.nav-button:hover{border-bottom:3px solid #004aad}.nav-button[href="/admin/pk-bills"].active,.nav.active{border-bottom:3px solid #004aad;color:#004aad;font-weight:600}.bills-header-row{align-items:center;background-color:#f8f8f8;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;margin-top:-25px}.bills-title{font-size:40px;margin-bottom:1.3rem;margin-left:20px;margin-top:10px}.bills-buttons{display:flex;flex-wrap:wrap;gap:.3rem}.header-nav-btn{background-color:#004aad;border:none;border-radius:2px;color:#fff;font-size:.95rem;font-weight:500;height:40px;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.header-nav-btn:hover{background-color:#003c8a;color:#fff}.nav-btn{background-color:#004aad;border:none;border-radius:2px;color:#fff;font-size:10px;font-weight:700;height:40px;padding:.5rem;text-align:center;text-decoration:none;transition:background-color .3s ease;width:50px}.nav-btn:hover{background-color:#003c8a;color:#fff}.bills-top-bar{align-items:flex-start;background-color:#fff;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.8rem;margin-left:-20px;padding:1rem;width:1200px}.bills-status-filters{display:flex;gap:.5rem}.status-btn{background:none;border:1px solid #ccc;border-radius:2px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.status-btn.active{background-color:#bbb;border-color:#747474;color:#000}.bills-actions{align-items:flex-end;display:flex;gap:.5rem}.actionbtn{align-items:center;background-color:#fff;border:none;border-radius:4px;color:#004aad;cursor:pointer;display:flex;font-size:.9rem;gap:.3rem;padding:.5rem 1rem}.actionbtn:hover{color:#003c8a}.action-filter{background-color:#fff;border-radius:4px;color:#5c5c5c;font-size:10px;text-align:center;white-space:nowrap;width:0}.dropdown-btn.filters{background-color:#004aad;border:1px solid #004aad;border-bottom:3px solid #003c8a;color:#fff}.dropdown-btn.filters:hover{background-color:#003c8a}.dropdown-btns{background-color:#fff;border:solid #004aad;border-radius:3px;border-width:1px 1px 3px;color:#004aad;font-size:.9rem;height:35px;width:100px}.dropdown-btns,.dropdown-button{align-items:center;cursor:pointer;display:flex;gap:.3rem;padding:.5rem 1rem;position:relative}.dropdown-button{background-color:#004aad;border-radius:3px;color:#fff;font-size:1rem;height:40px}.dropdown-menu{border:1px solid #ccc;box-shadow:0 2px 5px #0003;left:0;margin-top:.3rem;min-width:400px;padding:1rem;top:100%}.dropdown-menu label{display:block;font-weight:500;margin-bottom:.5rem}.dropdown-menu input,.dropdown-menu select{border:1px solid #ccc;border-radius:4px;font-size:.9rem;margin-bottom:1rem;padding:.5rem;width:100%}.dropdown-menu input.invalid{border-color:red}.dropdown-menu .date-container{display:flex;gap:.5rem;margin-bottom:1rem}.dropdown-menu .date-container span{align-self:center;padding:.5rem}.dropdown-menu .error-message{color:red;font-size:.8rem;margin-bottom:.5rem}.dropdown-menu .buttons{display:flex;justify-content:space-between}.dropdown-menu .reset-btn{background:#ccc;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.dropdown-menu .reset-btn:hover{background:#bbb}.dropdown-menu .apply-btn{background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.dropdown-menu .apply-btn:hover{background:#003c8a}.dropdown-menu button{background:none;border:none;color:#333;cursor:pointer;display:block;padding:.5rem;text-align:left;width:100%}.dropdown-menu button:hover{background-color:#f0f0f0}.billss-table{overflow-x:auto;width:100%}.tables-row{align-items:center;border-bottom:1px solid #eee;color:#000;display:flex;min-width:800px;padding:.75rem}.tables-header{background:#f9f9f9;border-bottom:2px solid #ddd;font-size:14px;font-weight:600;margin-top:30px;position:relative;z-index:1}.checkbox-col{color:#000;flex:0 0 30px}.bill-col,.source-col{color:#000;flex:1 1}.supplier-col{color:#000;flex:1.5 1}.bill-amount-col,.bill-date-col,.bill-no-col,.category-col,.due-date-col{color:#000;flex:1 1}.action-col{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.no-bills-message{color:#666;padding:2rem;text-align:center}.no-bills-message h3{font-size:1.2rem;margin-bottom:.5rem}.no-bills-message p{font-size:.9rem;margin:0}.icon-actions{gap:.3rem;margin-left:400px}.icon-action-btn,.icon-actions{align-items:center;display:flex}.icon-action-btn{background:none;border:none;color:grey;cursor:pointer;justify-content:center;margin-bottom:-200px;padding:.5rem;transition:color .3s ease}.icon-action-btn:hover{color:#003c8a}.icon-action-btn svg{height:24px;width:24px}@media (max-width:1024px){.bills-top-bar{align-items:flex-start;flex-direction:column}.bills-status-filters{margin-bottom:1rem}}@media (max-width:768px){.bills-header-row,.nav-bar{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.nav-button{font-size:14px}.header-btn,.header-nav-btn,.nav-btn{font-size:14px;text-align:center;width:100%}.bills-title{font-size:22px;margin-left:0}h1{font-size:20px;margin-left:0}}.upload-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.upload-popup{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;height:350px;padding:1.5rem;position:relative;text-align:center;width:600px}.close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.upload-area{background-color:#f8f8f8;border:2px dashed #a8a8a8;border-radius:6px;height:230px;margin-top:1rem;padding:2rem}.upload-button{background-color:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.upload-button:hover{background-color:#003c8a}.icon-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;margin:0 .3rem;padding:.4rem;transition:background-color .2s ease-in-out}.icon-button.view{color:#4caf50}.icon-button.view:hover{background-color:#4caf501a}.icon-button.edit{color:#2196f3}.icon-button.edit:hover{background-color:#2196f31a}.icon-button.delete{color:#f44336}.icon-button.delete:hover{background-color:#f443361a}.icon-button svg{height:20px;width:20px}*{font-family:Segoe UI,sans-serif}.expenses-container{background:#fff;display:flex;flex-direction:column;height:100vh;padding:2rem}h1{font-size:25px;margin-bottom:1.3rem;margin-left:-20px;margin-top:-20px}.nav-bar{border-bottom:2px solid #eee;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.nav-button{background:none;border:none;border-bottom:3px solid #0000;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.nav-button:hover{border-bottom:3px solid #5a5a5a;color:#004aad}.nav-button.active{border-bottom:3px solid #004aad;color:#004aad;font-weight:600}.expenses-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.expenses-title{font-size:30px;margin-bottom:1.3rem;margin-left:-20px;margin-top:-20px}.header-btn{align-items:center;background-color:#fff;border:none;border-radius:2px;color:#004aad;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.header-btn:hover{color:#003c8a}.dropdown-btn,.dropdowns-button{align-items:center;background-color:#004aad;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;height:40px;padding:.5rem 1rem;transition:background-color .3s ease}.dropdown-btn:hover,.dropdowns-button:hover{background-color:#003c8a}.dropdowns-meu{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;margin-top:5px;position:absolute;z-index:1000}.dropdown-meu button{background:none;border:none;cursor:pointer;display:block;font-size:.9rem;padding:10px;text-align:left;width:100%}.dropdown-meu button:hover{background-color:#f5f5f5}.main-layout{display:flex;flex-grow:1;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #ccc;padding:1rem;width:220px}.sidebar .new-btn{background:#2e7d32;border:none;color:#fff;cursor:pointer;margin-bottom:1rem;padding:10px;width:100%}.sidebar ul{list-style:none}.sidebar ul li{margin-bottom:10px}.sidebar ul li a{color:#333;text-decoration:none}.contents{flex:1 1;padding:1.5rem}.filters{background-color:#fff;justify-content:space-between;margin:1rem 0}.filters,.filters-left{align-items:center;display:flex;gap:1rem}.filters-right{align-items:center;display:flex;gap:.5rem}.select-wrapper{background-color:#fff;display:inline-block;position:relative}.filters select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27black%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #ccc;border-radius:2px;color:#333;cursor:pointer;font-size:.95rem;font-weight:500;min-width:150px;padding:.5rem 1rem;transition:all .3s ease}.filters select:hover{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:#0000;background-clip:padding-box;background-color:#fff;border-color:#838383;box-shadow:none;-moz-box-shadow:none;outline:none;-moz-outline:none}.filters select:active,.filters select:focus{background-color:#fff;border-color:#d4d4d4;box-shadow:none;outline:none}.filters select::-webkit-focus-ring{background-color:initial;color:#0000;outline:none}.expenses-table{background:#fff;overflow-x:auto}.expenses-table td,.expenses-table th{border:1px solid #ddd;padding:10px;text-align:left}.expenses-table td:first-child,.expenses-table th:first-child{text-align:center;width:900px}.icons{color:#464646;cursor:pointer;font-size:25px}.fills,.icons{background-color:initial;border:none;font-weight:700}.fills{color:#333;font-size:18px}.date{background-color:#5e5e5e;border:1px solid #000;border-radius:15px;color:#e9e9e9;font-size:12px;padding:2px}.settings-btn{background-color:initial;border:none;color:#464646;cursor:pointer;font-size:25px;font-weight:700;transition:color .3s ease}.settings-btn:hover{color:#004aad}.settings-dropdown{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;margin-top:5px;padding:.5rem;position:absolute;width:200px;z-index:1000}.settings-dropdown label{cursor:pointer;display:block;font-size:.9rem;padding:.5rem}.settings-dropdown label:hover{background-color:#f5f5f5}.settings-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.settings-popup{background:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;max-height:80vh;overflow-y:auto;padding:20px;width:400px}.settings-popup h3{margin-top:0}.settings-popup form{display:flex;flex-direction:column;gap:10px}.settings-section{display:flex;flex-direction:column;gap:5px}.settings-section h4{margin:10px 0 5px}.settings-section label{align-items:center;display:flex;gap:5px}.settings-buttons{display:flex;gap:10px;justify-content:flex-end}.settings-buttons button{border:none;border-radius:3px;cursor:pointer;padding:8px 16px}.settings-buttons button:first-child{background:#007bff;color:#fff}.settings-buttons button:last-child{background:#ccc}.popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{background:#fff;border-radius:5px;box-shadow:0 2px 10px #0000001a;padding:20px;position:relative;width:600px}.popup-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.popup-header h2{color:red;font-size:20px;margin:0}.close-btn{font-size:24px}.forms-group{margin-bottom:15px}.forms-group label{display:block;font-weight:700;margin-bottom:5px}.forms-group input,.forms-group select{border:1px solid #ccc;border-radius:2px;font-size:.95rem;font-weight:500;padding:8px;transition:border-color .3s ease;width:100%}.forms-group input:focus,.forms-group select:focus{border-color:#004aad;outline:none}.expense-table th{background-color:#f8f8f8}.table-actions{margin:10px 0}.table-actions button{background-color:#fff;border-radius:2px;margin-right:10px;padding:5px 10px;transition:background-color .3s ease}.table-actions button:hover{background-color:#f5f5f5}.attachments{margin:20px 0}.attachments label{display:block;font-weight:700;margin-bottom:5px}.attachment-area{border:1px dashed #ccc;color:#004aad;padding:10px;text-align:center}.attachment-area span{display:block}.privacy{color:#6f42c1;margin-top:10px}.popup-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btn,.save-btn,.save-close-btn{border:none;border-radius:2px;cursor:pointer;font-size:.95rem;font-weight:500;padding:8px 16px;transition:background-color .3s ease}.cancel-btn{color:#333}.cancel-btn:hover{background-color:#f5f5f5}.save-btn{background-color:#2e7d32}.save-btn:hover{background-color:#276e2b}.save-close-btn{background-color:#2e7d32}.save-close-btn:hover{background-color:#276e2b}.expense-popup-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.expense-popup{background:#fff;box-shadow:0 0 15px #0003;font-family:Segoe UI,sans-serif;height:930px;max-height:130vh;max-width:1500px;overflow-y:auto;padding:20px 30px;position:relative;width:90%}.expense-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.expense-header h2{font-size:24px;font-weight:600}.close-btn{background:none;border:none;cursor:pointer;font-size:26px}.expense-form .row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.forms-group{display:flex;flex:1 1;flex-direction:column;gap:10px}.forms-group label{font-weight:500;margin-bottom:4px}.forms-group input,.forms-group select,textarea{align-items:left;border:1px solid #ccc;border-radius:4px;gap:10px;padding:8px;width:250px}textarea{min-height:60px;resize:vertical;width:100%}.expense-table{border-collapse:collapse;margin:20px 0;width:100%}.expense-table td,.expense-table th{border:1px solid #ddd;padding:8px;text-align:left}.table-actions{display:flex;gap:10px;margin-bottom:20px}.table-actions button{background:#f8f8f8;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:6px 12px}.memo-attachments{display:flex;gap:20px;margin-bottom:20px}.attachment-box{border:1px dashed #aaa;border-radius:4px;display:flex;flex-direction:column;gap:4px;min-width:200px;padding:12px}.attachment-box .existing-link{color:#0073aa;cursor:pointer;font-size:14px}.privacy{color:purple;font-size:13px;margin-bottom:30px}.expense-footer{border-top:1px solid #ddd;display:flex;gap:10px;justify-content:space-between;padding-top:20px}.expense-footer button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.cancel-btn{background-color:#fff;border:1px solid #ccc}.save-btn,.save-close-btn{background-color:#0a8754;color:#fff}.action-icons{align-items:center;display:flex;gap:10px;justify-content:center}.action-icon{background:none;border:none;cursor:pointer;font-size:16px;padding:5px;transition:color .2s,transform .2s}.edit-icon{color:#007bff}.edit-icon:hover{color:#0056b3;transform:scale(1.2)}.delete-icon{color:#dc3545}.delete-icon:hover{color:#a71d2a;transform:scale(1.2)}.expense-form .forms-group .disabled-payee{align-items:center;background-color:#d0d0d0!important;border:1px solid #ccc!important;border-radius:4px;box-shadow:none!important;color:#555!important;cursor:not-allowed!important;display:flex;font-size:1rem;height:34px;line-height:1.5;opacity:.6!important;outline:none!important;padding:.5rem;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;width:250px}.dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;margin-top:5px;position:absolute;z-index:1000}.expenses-table{border-collapse:collapse;display:block;max-height:70vh;overflow-y:auto;width:100%}.pagination{align-items:center;background-color:#f8f8f8;border-top:1px solid #ddd;bottom:0;display:flex;gap:1rem;justify-content:center;padding:1rem;position:-webkit-sticky;position:sticky;width:100%;z-index:10}.pagination button{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s}.pagination button:hover:not(:disabled){background-color:#e0e0e0}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#333;font-size:1rem}.contents{overflow-y:auto;position:relative}.date-container{margin:10px 0}.buttons{display:flex;justify-content:space-between}.apply-btn,.reset-btn{border-radius:4px;cursor:pointer;padding:8px 16px}.reset-btn{background-color:#f5f5f5;border:1px solid #ddd}.apply-btn{background-color:#2e6bdc;border:none;color:#fff}.apply-btn:hover{background-color:#1a5bbf}.dropdown-btn{display:inline-block;position:relative}.expense-form .forms-group .locked-badge{background-color:#888;border-radius:3px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@media (max-width:768px){.expenses-header-row,.nav-bar{align-items:flex-start;flex-direction:column}.expenses-title{margin-left:0}.filter{align-items:flex-start;flex-direction:column}.filter-right{align-self:flex-end}}@media (max-width:480px){.nav-button{font-size:14px}.dropdown-btn,.dropdown-button,.header-btn{font-size:14px;text-align:center;width:100%}.expenses-title{font-size:22px;margin-left:0}h1{font-size:20px;margin-left:0}.filter-right{align-self:flex-end}.popup-content{width:90%}}.currency-dropdown{display:inline-block;max-width:300px;position:relative;width:100%}.currency-dropdown-toggle{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.currency-dropdown-toggle:hover{border-color:#004aad;box-shadow:0 4px 12px #004aad26}.currency-dropdown-toggle:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.currency-flag{font-size:20px}.currency-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.currency-arrow{color:#666;transition:transform .3s ease}.currency-arrow.open{transform:rotate(180deg)}.currency-dropdown-menu{animation:dropdownFade .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.currency-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.currency-item:last-child{border-bottom:none}.currency-item:hover{background-color:#f8f9fa}.currency-item.selected{background-color:#e3f2fd;border-left:3px solid #004aad}.currency-info{display:flex;flex:1 1;flex-direction:column}.currency-symbol{color:#333;font-size:14px;font-weight:600}.currency-name{color:#666;font-size:12px}.unauthorized-container{align-items:center;background:linear-gradient(135deg,#f8faff,#fff 50%,#f0f7ff);display:flex;font-family:Inter,Segoe UI,Arial,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.unauthorized-background{animation:backgroundFlow 15s ease-in-out infinite;background:radial-gradient(circle at 15% 70%,#004aad1f 0,#0000 55%),radial-gradient(circle at 85% 30%,#004aad14 0,#0000 55%),radial-gradient(circle at 50% 50%,#004aad0d 0,#0000 65%);height:100%;left:0;position:absolute;top:0;width:100%}.background-glow{animation:glowRotate 20s linear infinite;background:radial-gradient(ellipse at center,#004aad0a 0,#0000 70%);height:80vh;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80vw}.floating-shapes{height:100%;position:absolute;width:100%}.shape{animation:float 8s ease-in-out infinite;background:linear-gradient(135deg,#004aad26,#004aad0d);border:1px solid #004aad1a;border-radius:50%;filter:blur(.5px);position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(135deg,#004aad1f,#004aad08);height:120px;left:8%;top:15%;width:120px}.shape-2{animation-delay:2s;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:80px;left:85%;top:65%;width:80px}.shape-3{animation-delay:4s;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:100px;left:15%;top:80%;width:100px}.shape-4{animation-delay:6s;height:140px;left:75%;top:25%;width:140px}.shape-5{animation-delay:1s;border-radius:40% 60% 60% 40%/40% 40% 60% 60%;height:60px;left:5%;top:45%;width:60px}.unauthorized-content{-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);background:#ffffffeb;border:1px solid #ffffff4d;border-radius:28px;box-shadow:0 25px 50px #00000014,0 0 0 1px #fff6,inset 0 2px 0 #ffffff4d,inset 0 -2px 0 #0000000d;max-width:540px;padding:4rem 3.5rem;position:relative;text-align:center;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:90%;z-index:2}.unauthorized-content:hover{box-shadow:0 35px 60px #0000001f,0 0 0 1px #ffffff80,inset 0 2px 0 #fff6;transform:translateY(-5px)}.icon-section{margin-bottom:3rem}.icon-section,.modern-lock{align-items:center;display:flex;justify-content:center;position:relative}.modern-lock{height:120px;width:120px}.lock-icon{animation:lockBounce 4s ease-in-out infinite;color:#004aad;filter:drop-shadow(0 8px 25px rgba(0,74,173,.4));font-size:4rem;position:relative;z-index:2}.icon-glow{animation:iconGlowPulse 3s ease-in-out infinite;background:radial-gradient(circle,#004aad26 0,#0000 70%);border-radius:50%;height:140px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:140px;z-index:0}.text-section{margin-bottom:2.5rem}.title-wrapper{margin-bottom:1.5rem;position:relative}.text-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#004aad,#002d66);-webkit-background-clip:text;background-clip:text;font-size:2.75rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem;text-shadow:0 2px 4px #0000000d}.title-underline{animation:underlineSlide 3s ease-in-out infinite;background:linear-gradient(90deg,#004aad,#003882);border-radius:2px;height:4px;margin:0 auto;width:60px}.main-message{color:#2d3748;font-size:1.25rem;font-weight:500;letter-spacing:-.2px;line-height:1.6;margin-bottom:1rem}.sub-message{color:#718096;font-size:1.05rem;line-height:1.5;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:400px}.action-section{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin-bottom:2.5rem}.action-btn{align-items:center;border:none;border-radius:18px;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:600;gap:.75rem;justify-content:center;min-width:200px;overflow:hidden;padding:1.125rem 2.25rem;position:relative;text-decoration:none;transform:translateY(0);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.primary-btn{background:linear-gradient(135deg,#004aad,#003882);box-shadow:0 10px 30px #004aad59,0 4px 0 #002d664d;color:#fff}.primary-btn:hover{animation:btnBounce .6s ease;box-shadow:0 18px 40px #004aad80,0 6px 0 #002d664d;transform:translateY(-4px)}.secondary-btn{background:#ffffffe6;border:2px solid #004aad33;box-shadow:0 6px 20px #004aad26;color:#004aad}.secondary-btn:hover{background:#fff;border-color:#004aad66;box-shadow:0 12px 30px #004aad40;transform:translateY(-3px)}.btn-icon,.btn-text{position:relative;z-index:2}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.primary-btn:hover .btn-icon{transform:translateX(-3px)}.secondary-btn:hover .btn-icon{transform:scale(1.1)}.btn-glow{background:linear-gradient(90deg,#0000,#fff9,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%;z-index:1}.primary-btn:hover .btn-glow{left:100%}.status-section{margin-top:2rem}.status-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444426;border-radius:16px;display:inline-flex;gap:.875rem;overflow:hidden;padding:1rem 1.5rem;position:relative}.status-pulse{animation:statusPulseGlow 2s ease-in-out infinite;background:radial-gradient(circle,#ef444433 0,#0000 70%);height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.status-dot{animation:statusDotPulse 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;box-shadow:0 0 12px #ef444499;height:10px;position:relative;width:10px;z-index:2}.status-indicator span{color:#dc2626;font-size:.95rem;font-weight:600;position:relative;text-shadow:0 1px 2px #0000000d;z-index:2}@keyframes backgroundFlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes glowRotate{0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.1)}to{transform:translate(-50%,-50%) rotate(1turn) scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg) scale(1)}33%{transform:translateY(-25px) rotate(120deg) scale(1.05)}66%{transform:translateY(10px) rotate(240deg) scale(.95)}}@keyframes lockBounce{0%,90%,to{transform:scale(1)}95%{transform:scale(1.05)}}@keyframes iconGlowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}}@keyframes underlineSlide{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(1.3)}}@keyframes btnBounce{0%,to{transform:translateY(-4px)}50%{transform:translateY(-6px)}}@keyframes statusPulseGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes statusDotPulse{0%,to{box-shadow:0 0 12px #ef444499;opacity:1;transform:scale(1)}50%{box-shadow:0 0 20px #ef4444cc;opacity:.7;transform:scale(1.2)}}@media (max-width:768px){.unauthorized-content{margin:1.5rem;padding:3rem 2.5rem}.text-section h1{font-size:2.25rem}.main-message{font-size:1.15rem}.action-section{align-items:center;flex-direction:column}.action-btn{max-width:280px;min-width:auto;width:100%}.modern-lock{height:100px;width:100px}.lock-icon{font-size:3.5rem}}@media (max-width:480px){.unauthorized-content{border-radius:24px;padding:2.5rem 2rem}.text-section h1{font-size:2rem}.main-message{font-size:1.1rem}.action-btn,.sub-message{font-size:1rem}.action-btn{padding:1rem 1.5rem}.status-indicator{padding:.875rem 1.25rem}.lock-icon{font-size:3rem}}:root{--font-family:"Lato",sans-serif;--color-bg-primery:#fff;--color-bg-secondry:#fff;--color-primery:#004aad;--color-secondry:#004aad;--color-border:#004aad;--color-text:#000;--color-subtext:#fff;--box-shadow:#959da533 0px 8px 24px;--sidebar-width:300px;--border-radius:15px;--header-height:110px;--transition-cubic:cubic-bezier(0.175,0.885,0.32,1.275)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lato,sans-serif;letter-spacing:.7px}a{text-decoration:none}a:hover{color:#004aad;color:var( --color-secondry)}button{border:0;color:#004aad;color:var(--color-primery);cursor:pointer;outline:0}ul{list-style-type:none}input{border:1px solid #0000;outline:0}
/*# sourceMappingURL=main.e4f6acfe.css.map*/