body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width: 768px){.mobile-menu-toggle{display:flex!important;position:fixed;top:16px;left:16px;z-index:1001;width:44px;height:44px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.mobile-menu-toggle:hover{background:#f5f5f5}.mobile-menu-toggle.active{background:#2c3e50;border-color:#2c3e50}.mobile-menu-toggle.active .hamburger-icon span{background:#fff}.mobile-menu-toggle.active .hamburger-icon span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-icon span:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-toggle .hamburger-icon{display:flex;flex-direction:column;gap:4px}.mobile-menu-toggle .hamburger-icon span{display:block;width:20px;height:2px;background:#2c3e50;border-radius:2px;transition:all .3s ease}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.mobile-overlay.active{display:block;opacity:1}.sidebar-professional{position:fixed!important;top:0!important;left:-280px!important;width:280px!important;height:100vh!important;z-index:1000!important;transition:left .3s ease!important;box-shadow:4px 0 20px #00000026;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.sidebar-professional.mobile-open{left:0!important}.sidebar-professional .sidebar-toggle{display:none!important}.sidebar-professional .nav-items-container{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;max-height:calc(100vh - 180px)!important;padding-bottom:20px!important}.sidebar-professional.collapsed{width:280px!important;left:-280px!important}.sidebar-professional.collapsed.mobile-open{left:0!important}.sidebar-professional.collapsed .user-info,.sidebar-professional.collapsed .user-details,.sidebar-professional.collapsed .nav-items-container a span,.sidebar-professional.collapsed .logout-button span{display:block!important;opacity:1!important}.sidebar{position:fixed!important;top:0!important;left:-280px!important;width:280px!important;height:100vh!important;z-index:1000!important;transition:left .3s ease!important;box-shadow:4px 0 20px #00000026;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.sidebar.mobile-open{left:0!important}.sidebar .contentsContainer{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;max-height:calc(100vh - 180px)!important;padding-bottom:20px!important}.sidebar.active{width:280px!important;left:-280px!important}.sidebar.active.mobile-open{left:0!important}}@media (max-width: 768px){.page-content,[class*=container]{margin-left:0!important;margin-right:0!important;width:100%!important;padding:70px 16px 16px!important;box-sizing:border-box!important}.bank-accounts-container{margin:0!important;padding:70px 16px 16px!important;width:100%!important;border-radius:0!important;min-height:100vh!important;box-shadow:none!important}}@media (max-width: 768px){.bank-accounts-header,.page-header,[class*=-header]{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding-bottom:16px!important}.bank-accounts-header h2,.page-header h2,[class*=-header] h2{font-size:20px!important;width:100%!important}.bank-accounts-header .header-controls,.bank-accounts-header .search-container,.page-header .header-controls,.page-header .search-container,[class*=-header] .header-controls,[class*=-header] .search-container{width:100%!important}.search-container,[class*=search] input{width:100%!important;max-width:100%!important}}@media (max-width: 768px){.bank-accounts-form,.customer-form,.receipts-form,[class*=-form]{padding:16px!important;margin:0 0 24px!important;border-radius:8px!important}.form-row,.customer-form-row,[class*=form-row]{flex-direction:column!important;gap:16px!important}.form-row>div,.customer-form-row>div,[class*=form-row]>div{width:100%!important;flex:none!important}[style*=grid-template-columns]{grid-template-columns:1fr!important}input[type=text],input[type=number],input[type=email],input[type=date],input[type=password],select,textarea{width:100%!important;box-sizing:border-box!important;font-size:16px!important}.form-actions,.customer-form-actions,[class*=form-actions]{flex-direction:column!important;gap:12px!important}.form-actions button,.customer-form-actions button,[class*=form-actions] button{width:100%!important;padding:14px 24px!important;font-size:16px!important}}@media (max-width: 768px){.table-container,.orders-table-container,[class*=table-container]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin:0 -16px!important;padding:0 16px!important}.bank-accounts-table,.receipts-table,.orders-table,table{min-width:600px!important;font-size:13px!important}.bank-accounts-table th,.bank-accounts-table td,.receipts-table th,.receipts-table td,.orders-table th,.orders-table td,table th,table td{padding:10px 8px!important;white-space:nowrap!important}.bank-accounts-table .action-btn,.bank-accounts-table button,.receipts-table .action-btn,.receipts-table button,.orders-table .action-btn,.orders-table button,table .action-btn,table button{padding:6px 12px!important;font-size:12px!important}.mobile-card-view{display:block!important}.mobile-card-view table{display:none!important}.mobile-card-view .mobile-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000000d}.mobile-card-view .mobile-card .card-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.mobile-card-view .mobile-card .card-row:last-child{border-bottom:none}.mobile-card-view .mobile-card .card-row .label{font-weight:600;color:#6c757d;font-size:13px}.mobile-card-view .mobile-card .card-row .value{font-weight:500;color:#2c3e50;font-size:14px}.mobile-card-view .mobile-card .card-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.mobile-card-view .mobile-card .card-actions button{flex:1;padding:10px;border-radius:6px;font-size:14px;font-weight:600}}@media (max-width: 768px){.pagination,[class*=pagination]{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;padding:16px 0!important}.pagination button,[class*=pagination] button{min-width:40px!important;height:40px!important;padding:8px!important;font-size:14px!important}.pagination select,[class*=pagination] select{padding:8px 12px!important;font-size:14px!important}}@media (max-width: 768px){.breadcrumb,[class*=breadcrumb]{font-size:13px!important;padding:8px 0!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important}}@media (max-width: 768px){.new-account-btn,.new-receipt-btn,.new-order-btn,[class*=add-btn],.AddCircleButton{width:100%!important;padding:14px 24px!important;font-size:16px!important;border-radius:8px!important;margin-bottom:16px!important}}@media (max-width: 768px){.modal,.receipts-modal-overlay,[class*=modal]{padding:0!important}.modal .modal-content,.modal .receipts-modal-form,.receipts-modal-overlay .modal-content,.receipts-modal-overlay .receipts-modal-form,[class*=modal] .modal-content,[class*=modal] .receipts-modal-form{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;padding:60px 16px 16px!important}}@media (max-width: 768px){.toast,[class*=toast]{inset:auto 16px 16px!important;width:auto!important;max-width:calc(100% - 32px)!important}}@media (max-width: 768px){.hide-mobile,.desktop-only{display:none!important}}@media (min-width: 769px){.mobile-only,.show-mobile,.mobile-menu-toggle{display:none!important}}@media (max-width: 768px){.mobile-full-width{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-center{text-align:center!important;justify-content:center!important}.mobile-p-0{padding:0!important}.mobile-m-0{margin:0!important}}body{overflow:auto;height:100vh;width:100vw;font-family:Inter,Segoe UI,Arial,sans-serif;background-color:#f4f9f4;text-transform:capitalize;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}body::-webkit-scrollbar{display:none}body::-webkit-scrollbar-track{background:transparent}h1{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.sidebar{background-color:#fff;position:fixed;top:0;left:0;padding:.1rem .1rem .1rem 1rem;width:15rem;height:100vh;transition:.5s all;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.logoContainer{display:flex;align-items:center;justify-content:flex-start}.logoContainer h2.title{font-size:31.42px;color:#74b49b;padding:0 0 0 1rem}.burgerContainer{content:"";background-color:#74b49b;position:absolute;right:-17.5px;top:7.8260869565rem;width:35px;height:35px;border-radius:2rem;z-index:1}.burgerContainer .burgerTrigger{content:"";width:35px;height:35px;background-color:red;cursor:pointer;z-index:6;opacity:0;position:relative}.burgerContainer .burgerMenu{content:"";background-color:#74b49b;position:relative;z-index:1;width:20px;height:3px;border-radius:2rem;bottom:17.5px;left:.45rem;transition:.5s all}.burgerContainer .burgerMenu:after{content:"";background-color:#fff;position:absolute;width:20px;height:3px;border-radius:2rem;top:.4rem;transform:translateY(-.4rem) rotate(45deg);transition:.5s all}.burgerContainer .burgerMenu:before{content:"";background-color:#fff;position:absolute;width:20px;height:3px;border-radius:2rem;top:-.4rem;transform:translateY(.4rem) rotate(-45deg);transition:.5s all}.burgerContainer:after{content:"";position:absolute;right:35px;top:17.5px;z-index:0;width:21rem;background-color:#f2f2f2;height:2px;transition:.5s all}.profileContainer{display:flex;align-items:center;justify-content:flex-start;padding:3rem 0 0}.profileContainer img{width:auto;height:3rem}.profileContainer .profileContents{padding:0 0 0 1rem}.profileContainer .profileContents p.name{padding:0;margin:0;font-size:16.7px;color:#828282;text-transform:capitalize;font-weight:800}.profileContainer .profileContents p{padding:0;margin:0;font-size:13.9px;color:#828282;text-transform:lowercase}.contentsContainer{margin:.15rem 0 0}.contentsContainer ul{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;list-style:none;padding:0;margin:0}.contentsContainer ul li{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;margin:.2rem 0;padding:.2rem 0;width:100%;border-radius:1rem;cursor:pointer}.contentsContainer ul li img{padding:0 .5rem;width:1rem;height:1rem}.contentsContainer ul li a{text-decoration:none;color:#828282;font-size:15px;display:flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem}.contentsContainer ul li.active{background-color:#f4f9f4}.contentsContainer ul li.active a{color:#74b49b}.contentsContainer ul li:hover{background-color:#f2f2f2;transition:.25s}.sidebar.active{width:3rem;transition:.5s all}.sidebar.active .logoContainer.active h2.title{opacity:0}.sidebar.active .burgerContainer.active{transition:.5s all}.sidebar.active .burgerContainer.active .burgerMenu{background-color:#fff;transition:.5s all}.sidebar.active .burgerContainer.active .burgerMenu:before{transform:translateY(0) rotate(0);transition:.5s all}.sidebar.active .burgerContainer.active .burgerMenu:after{transform:translateY(0) rotate(0);transition:.5s all}.sidebar.active .profileContainer .profileContents,.sidebar.active .contentsContainer a{opacity:0}.bank-accounts-container{max-width:900px;margin:40px auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0001;padding:24px;overflow-x:auto}.bank-accounts-header{display:flex;align-items:center;margin-bottom:24px}.bank-accounts-header img{width:60px;margin-right:16px}.bank-accounts-header h2{flex:1;text-align:left;font-size:28px;margin:0}.bank-accounts-header .new-account-btn{padding:8px 18px;background:#1976d2;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer}.bank-accounts-form{border:1px solid #e0e0e0;border-radius:8px;padding:24px;margin-bottom:32px;background:#fafbfc}.bank-accounts-form .form-row{display:flex;gap:16px;margin-bottom:18px}.bank-accounts-form .form-row label{font-weight:500;display:block;margin-bottom:4px}.bank-accounts-form .form-row input[type=text],.bank-accounts-form .form-row input[type=number]{width:50%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:15px}.bank-accounts-form .checkbox-row{margin-bottom:12px;display:flex;align-items:center;gap:8px}.bank-accounts-form .checkbox-row input[type=checkbox]{margin-right:8px}.bank-accounts-form .checkbox-row label{margin:0;font-weight:400}.bank-accounts-form .credit-limit-row{display:flex;align-items:center;gap:8px;margin-left:28px;margin-top:8px}.bank-accounts-form .credit-limit-row input[type=number]{width:120px}.bank-accounts-form .form-actions{display:flex;gap:12px;margin-top:18px}.bank-accounts-form .form-actions button{padding:8px 24px;border-radius:4px;font-weight:600;cursor:pointer;border:none;font-size:15px}.bank-accounts-form .form-actions .create-btn{background:#1976d2;color:#fff}.bank-accounts-form .form-actions .create-another-btn{background:#e0e0e0;color:#333}.bank-accounts-table{width:100%;border-collapse:collapse;background:#fafbfc;min-width:600px}.bank-accounts-table th,.bank-accounts-table td{padding:10px 8px;border:1px solid #e0e0e0}.bank-accounts-table th{background:#f3f4f6;text-align:left}.bank-accounts-table td:last-child{text-align:right;color:#1976d2;font-weight:600}.bank-accounts-table .edit-btn{padding:4px 16px;background:#fbc02d;color:#fff;border:none;border-radius:4px;cursor:pointer}.bank-accounts-table .view-btn{padding:4px 16px;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer}.receipts-container{max-width:900px;margin:40px auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0001;padding:24px;overflow-x:auto}.receipts-header{display:flex;align-items:center;margin-bottom:24px}.receipts-header img{width:60px;margin-right:16px}.receipts-header h2{flex:1;text-align:left;font-size:28px;margin:0}.receipts-header .new-receipt-btn{padding:8px 18px;background:#1976d2;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer}.receipts-form{border:1px solid #e0e0e0;border-radius:8px;padding:24px;margin-bottom:32px;background:#fafbfc}.receipts-form .form-row{display:flex;gap:16px;margin-bottom:18px}.receipts-form .form-row label{font-weight:500;display:block;margin-bottom:4px}.receipts-form .form-row input[type=text],.receipts-form .form-row input[type=number]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:15px}.receipts-form .checkbox-row{margin-bottom:12px;display:flex;align-items:center;gap:8px}.receipts-form .checkbox-row input[type=checkbox]{margin-right:8px;padding:8px}.receipts-form .checkbox-row label{margin:0;font-weight:400}.receipts-form .form-actions{display:flex;gap:12px;margin-top:18px}.receipts-form .form-actions button{padding:8px 24px;border-radius:4px;font-weight:600;cursor:pointer;border:none;font-size:15px}.receipts-form .form-actions .save-btn{background:#1976d2;color:#fff}.receipts-form .form-actions .cancel-btn{background:#e0e0e0;color:#333}.receipts-table{width:100%;border-collapse:collapse;background:#fafbfc;min-width:600px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.receipts-table th,.receipts-table td{padding:10px 8px;border:1px solid #e0e0e0}.receipts-table th{background:#f3f4f6;text-align:left}.receipts-table td:last-child{text-align:right;font-weight:400}.receipts-table .edit-btn{padding:4px 16px;background:#fbc02d;color:#fff;border:none;border-radius:4px;cursor:pointer}.receipts-table .view-btn{padding:4px 16px;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer}.receipts-form select,.receipts-form input[type=text],.receipts-form input[type=number],.receipts-form input[type=email],.receipts-form input[type=date],.receipts-form input[type=file],.receipts-form textarea,.bank-accounts-form select,.bank-accounts-form input[type=text],.bank-accounts-form input[type=number]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:15px;background:#fff;transition:border-color .2s,box-shadow .2s;margin-top:5px;box-sizing:border-box}.receipts-form select:focus,.receipts-form input[type=text]:focus,.receipts-form input[type=number]:focus,.receipts-form input[type=email]:focus,.receipts-form input[type=date]:focus,.receipts-form textarea:focus,.bank-accounts-form select:focus,.bank-accounts-form input[type=text]:focus,.bank-accounts-form input[type=number]:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d233}.receipts-form select:hover,.bank-accounts-form select:hover{border-color:#74b49b}.customer-form{border:1px solid #e0e0e0;border-radius:10px;padding:32px;background:#fafbfc;margin-bottom:32px;box-shadow:0 2px 8px #0001;max-width:700px;margin-left:auto;margin-right:auto}.customer-form .customer-form-row{display:flex;gap:24px;margin-bottom:24px}.customer-form .customer-form-row>div{flex:1;display:flex;flex-direction:column;gap:8px}.customer-form label{font-weight:500;margin-bottom:2px}.customer-form input[type=text],.customer-form input[type=number],.customer-form input[type=email],.customer-form select{padding:12px 14px;border-radius:6px;border:1px solid #ccc;font-size:15px;margin-bottom:0;width:100%;box-sizing:border-box}.customer-form textarea{width:100%;border-radius:6px;border:1px solid #ccc;padding:12px 14px;font-size:15px;box-sizing:border-box}.customer-form input[type=file]{padding:8px 0}.customer-form .customer-form-actions{display:flex;gap:16px;margin-top:24px;justify-content:flex-end}.customer-form .customer-form-actions button{padding:10px 28px;border-radius:6px;font-weight:600;cursor:pointer;border:none;font-size:16px;box-shadow:0 1px 4px #0001}.customer-form .customer-form-actions button:first-child{background:#1976d2;color:#fff}.customer-form .customer-form-actions button:not(:first-child){background:#e0e0e0;color:#333}.receipts-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:1000;display:block}.receipts-modal-form{background:#fff;width:100vw;height:100vh;overflow-y:auto;padding:32px 24px 24px;box-shadow:none;border-radius:0}.sales-orders-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:32px;overflow-x:auto;font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.01em;min-height:calc(100vh - 40px);margin:20px;box-sizing:border-box;position:relative;transition:margin-left .3s,width .3s}.sales-orders-container.collapsed{margin-left:90px;margin-right:20px;width:calc(100vw - 130px)}.sales-orders-container.expanded{margin-left:300px;margin-right:20px;width:calc(100vw - 340px)}.sales-orders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.sales-orders-header img{width:60px;margin-right:16px}.sales-orders-header h2{flex:1;text-align:left;font-size:24px;margin:0;font-weight:500;letter-spacing:.01em;color:#2c3e50}.sales-orders-header .header-controls{display:flex;align-items:center;gap:16px}.sales-orders-header .search-container{position:relative;width:300px}.sales-orders-header .search-container .search-input{width:100%;padding:10px 40px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;background:#f8f9fa;box-sizing:border-box;outline:none;transition:all .2s;font-family:Inter,Segoe UI,Arial,sans-serif}.sales-orders-header .search-container .search-input:focus{border-color:#1976d2;background:#fff;box-shadow:0 0 0 3px #1976d21a}.sales-orders-header .search-container .search-input:blur{border-color:#e0e0e0;background:#f8f9fa;box-shadow:none}.sales-orders-header .search-container .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:16px;pointer-events:none}.sales-orders-header .search-container .clear-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:14px}.sales-orders-header .search-container .clear-button:hover{background:#e9ecef;color:#495057}.sales-orders-header .new-order-btn{padding:12px 24px;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:16px;font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.01em;box-shadow:0 3px 12px #1976d24d;transition:all .3s ease}.sales-orders-header .new-order-btn:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);transform:translateY(-1px);box-shadow:0 6px 20px #1976d266}.sales-orders-form,.purchase-invoices-form{border:1px solid #e0e0e0;border-radius:8px;padding:24px;margin-bottom:32px;background:#fafbfc}.purchase-invoices-form .form-row{display:flex;gap:16px;margin-bottom:18px}.purchase-invoices-form .form-row label{font-weight:500;display:block;margin-bottom:4px}.purchase-invoices-form .form-row input[type=date],.purchase-invoices-form .form-row input[type=file]{width:250px;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.purchase-invoices-form .form-row input[type=text]{width:75%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.purchase-invoices-form .form-row input[type=file]{padding:6px}.form-row{display:flex;gap:16px;margin-bottom:18px}.form-field{flex:1}.form-field label{display:block;margin-bottom:5px;font-weight:600;font-size:14px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:15px;background:#fff;transition:border-color .2s,box-shadow .2s;margin-top:5px;box-sizing:border-box;font-family:Inter,Segoe UI,Arial,sans-serif}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.form-field textarea{resize:vertical}.form-field-full{margin-bottom:18px}.form-field-full label{display:block;margin-bottom:5px;font-weight:600;font-size:14px}.form-field-full input,.form-field-full select,.form-field-full textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:15px;background:#fff;transition:border-color .2s,box-shadow .2s;margin-top:5px;box-sizing:border-box;font-family:Inter,Segoe UI,Arial,sans-serif}.form-field-full input:focus,.form-field-full select:focus,.form-field-full textarea:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.form-field-full textarea{resize:vertical}.line-items-section{margin-bottom:24px}.line-items-section .section-header{display:flex;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.line-items-section .section-header h3{font-size:18px;font-weight:700;margin:0;color:#2c3e50;letter-spacing:.01em}.line-items-section .table-container{overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000000a}.sales-orders-table{width:100%;min-width:200px;border-collapse:collapse;background:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;table-layout:fixed}.sales-orders-table thead{background:#f3f4f6}.sales-orders-table thead th{padding:12px 8px;border:1px solid #e0e0e0;font-size:12px;font-weight:700;text-align:left;letter-spacing:.01em}.sales-orders-table thead th.center{text-align:center}.sales-orders-table thead th.right{text-align:right}.sales-orders-table tbody{background:#fafbfc}.sales-orders-table tbody tr{transition:background-color .2s}.sales-orders-table tbody tr:hover{background:#f1f3f4}.sales-orders-table tbody td{padding:8px;border:1px solid #e0e0e0;font-size:12px;font-weight:500;letter-spacing:.01em}.sales-orders-table tbody td.center{text-align:center}.sales-orders-table tbody td.right{text-align:right}.sales-orders-table tbody td input,.sales-orders-table tbody td select{width:100%;padding:5px 6px;border:1px solid #ccc;border-radius:4px;font-size:12px;background:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.sales-orders-table tbody td input:focus,.sales-orders-table tbody td select:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.sales-orders-table tbody td input[readonly],.sales-orders-table tbody td select[readonly]{background:#f5f5f5;color:#1976d2;font-weight:600}.sales-orders-table tbody td .remove-btn{padding:4px 8px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;font-family:Inter,Segoe UI,Arial,sans-serif;transition:background-color .2s}.sales-orders-table tbody td .remove-btn:hover{background:#c82333}.add-line-btn{margin-top:16px;padding:10px 20px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.01em;box-shadow:0 2px 8px #28a7454d;transition:all .3s ease}.add-line-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.totals-section{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.totals-section .total-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.totals-section .total-row .label{font-weight:500}.totals-section .total-row .value{font-weight:600}.totals-section .total-row .value.subtotal{color:#2c3e50}.totals-section .total-row .value.tax{color:#28a745}.totals-section .total-row .value.total{color:#1976d2}.totals-section .total-final{display:flex;justify-content:space-between;font-size:16px;font-weight:700;border-top:1px solid #dee2e6;padding-top:12px;margin-top:8px}.totals-section .total-final .value{color:#1976d2}.configuration-section{margin-bottom:24px}.configuration-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:#2c3e50}.configuration-section .config-grid{display:flex;flex-direction:column;gap:16px}.configuration-section .checkbox-row{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.configuration-section .checkbox-row label{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}.configuration-section .config-item label{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:8px}.configuration-section .config-item select,.configuration-section .config-item input,.configuration-section .config-item textarea{padding:5px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fff;margin-left:24px;font-family:Inter,Segoe UI,Arial,sans-serif}.configuration-section .config-item select:focus,.configuration-section .config-item input:focus,.configuration-section .config-item textarea:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d233}.configuration-section .config-item textarea{resize:vertical;min-height:60px}.configuration-section .config-item .sub-controls{margin-left:24px;display:flex;gap:8px}.configuration-section .config-item .sub-controls select,.configuration-section .config-item .sub-controls input{margin-left:0;min-width:80px}.custom-fields-section{margin-bottom:24px}.custom-fields-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:#2c3e50}.custom-fields-section .custom-fields-container{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fafbfc;box-shadow:0 2px 4px #0000000d}.custom-fields-section .custom-fields-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.custom-fields-section .custom-field label{display:block;margin-bottom:5px;font-weight:600;font-size:14px}.custom-fields-section .custom-field input,.custom-fields-section .custom-field select,.custom-fields-section .custom-field textarea{width:40%;padding:6px;border:1px solid #ccc;border-radius:4px;font-size:13px;background:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}.custom-fields-section .custom-field input:focus,.custom-fields-section .custom-field select:focus,.custom-fields-section .custom-field textarea:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d233}.custom-fields-section .custom-field textarea{width:80%;resize:vertical}.custom-fields-section .custom-field input[type=file]{width:25%;cursor:pointer}.form-actions{display:flex;gap:12px;margin-top:18px}.form-actions button{padding:8px 18px;border:none;border-radius:4px;font-weight:600;cursor:pointer;font-size:14px;font-family:Inter,Segoe UI,Arial,sans-serif;transition:background-color .2s}.form-actions button.primary{background:#1976d2;color:#fff}.form-actions button.primary:hover{background:#1565c0}.form-actions button.success{background:#4caf50;color:#fff}.form-actions button.success:hover{background:#43a047}.form-actions button.danger{background:#f44336;color:#fff}.form-actions button.danger:hover{background:#e53935}.orders-table-container{width:100%;overflow-x:auto;margin-top:24px}.orders-table-container .orders-table{width:100%;min-width:1400px;border-collapse:collapse;background:#fafbfc;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:12px;letter-spacing:.01em;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.orders-table-container .orders-table thead{background:#f3f4f6}.orders-table-container .orders-table thead th{padding:8px 6px;border:1px solid #e0e0e0;font-weight:700;font-size:11px;letter-spacing:.01em}.orders-table-container .orders-table thead th.col-icon{width:45px}.orders-table-container .orders-table thead th.col-date{width:46px}.orders-table-container .orders-table thead th.col-customer{width:200px}.orders-table-container .orders-table thead th.col-description{width:180px}.orders-table-container .orders-table thead th.col-finish{width:100px}.orders-table-container .orders-table thead th.col-crx-box,.orders-table-container .orders-table thead th.col-order-rate{width:80px}.orders-table-container .orders-table thead th.col-order-amount{width:45px}.orders-table-container .orders-table thead th.col-invoice-status{width:65px}.orders-table-container .orders-table thead th.col-notes{width:80px}.orders-table-container .orders-table thead th.col-order{width:70px}.orders-table-container .orders-table thead th.col-manuf,.orders-table-container .orders-table thead th.col-po-sandip,.orders-table-container .orders-table thead th.narrow-col{width:80px}.orders-table-container .orders-table thead th.col-account{width:120px}.orders-table-container .orders-table thead th img{width:16px;height:16px}.orders-table-container .orders-table tbody tr{transition:background-color .2s}.orders-table-container .orders-table tbody tr:hover{background:#f1f3f4}.orders-table-container .orders-table tbody td{padding:6px 4px;border:1px solid #e0e0e0;font-weight:500;font-size:11px;letter-spacing:.01em}.orders-table-container .orders-table tbody td.center{text-align:center}.orders-table-container .orders-table tbody td.right{text-align:right}.orders-table-container .orders-table tbody td.left{text-align:left}.orders-table-container .orders-table tbody td.line-height-sm{line-height:1.2;word-break:break-word}.orders-table-container .orders-table tbody td.font-xs{font-size:10px}.orders-table-container .orders-table tbody td .action-btn{padding:3px 12px;border:none;border-radius:3px;cursor:pointer;font-weight:600;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:10px;letter-spacing:.01em;box-shadow:0 1px 4px #0000001a;transition:background .2s}.orders-table-container .orders-table tbody td .action-btn.edit{background:#fbc02d;color:#fff}.orders-table-container .orders-table tbody td .action-btn.edit:hover{background:#f57f17}.orders-table-container .orders-table tbody td .action-btn.view{background:#1976d2;color:#fff}.orders-table-container .orders-table tbody td .action-btn.view:hover{background:#1565c0}.orders-table-container .orders-table tbody td .status-badge{padding:2px 8px;border-radius:12px;font-size:9px;font-weight:600}.orders-table-container .orders-table tbody td .status-badge.not-invoiced{background:#f44;color:#fff}.orders-table-container .orders-table tbody td .amount{color:#1976d2;font-weight:700}.orders-table-container .orders-table tbody td .success-text{font-weight:600;color:#2e7d32}.sales-orders-table thead th.col-line-number{width:50px}.sales-orders-table thead th.col-item{width:140px}.sales-orders-table thead th.col-description{width:160px}.sales-orders-table thead th.col-item-code{width:110px}.sales-orders-table thead th.col-pcs-box,.sales-orders-table thead th.col-box-ctn{width:90px}.sales-orders-table thead th.col-finish{width:130px}.sales-orders-table thead th.col-kg-dzn{width:90px}.sales-orders-table thead th.col-qty{width:80px}.sales-orders-table thead th.col-unit-price,.sales-orders-table thead th.col-total{width:110px}.sales-orders-table thead th.col-tax-code{width:130px}.sales-orders-table thead th.col-discount{width:120px}.sales-orders-table thead th.col-tax-amount{width:110px}.sales-orders-table thead th.col-action{width:80px}.sales-orders-table tbody td.col-discount{width:120px;overflow:hidden}.sales-orders-table tbody td.tax-amount{text-align:right;font-size:13px;font-weight:600;color:#28a745;letter-spacing:.01em}.sales-orders-table tbody td.action-cell{text-align:center}.sales-line-input{width:100%;padding:5px 6px;border:1px solid #ccc;border-radius:4px;font-size:12px;background:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.sales-line-input.center{text-align:center}.sales-line-input.right{text-align:right}.sales-line-input.readonly{background:#f5f5f5;color:#1976d2;font-weight:600}.sales-line-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.remove-line-btn{padding:4px 8px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;font-family:Inter,Segoe UI,Arial,sans-serif;transition:background-color .2s}.remove-line-btn:hover{background:#c82333}.add-line-btn-styled{margin-top:16px;padding:10px 20px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.01em;box-shadow:0 2px 8px #28a7454d;transition:all .3s ease}.add-line-btn-styled:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.totals-summary-container{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.totals-summary-container .subtotal-row,.totals-summary-container .tax-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.totals-summary-container .subtotal-row .label,.totals-summary-container .tax-row .label{font-weight:500}.totals-summary-container .subtotal-row .value,.totals-summary-container .tax-row .value{font-weight:600}.totals-summary-container .subtotal-row .value.subtotal,.totals-summary-container .tax-row .value.subtotal{color:#2c3e50}.totals-summary-container .subtotal-row .value.tax,.totals-summary-container .tax-row .value.tax{color:#28a745}.totals-summary-container .total-final-row{display:flex;justify-content:space-between;font-size:16px;font-weight:700;border-top:1px solid #dee2e6;padding-top:12px;margin-top:8px}.totals-summary-container .total-final-row .value{color:#1976d2}.custom-fields-extended{margin-bottom:24px}.custom-fields-extended .section-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#2c3e50}.custom-fields-extended .custom-fields-wrapper{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fafbfc;box-shadow:0 2px 4px #0000000d}.custom-fields-extended .custom-fields-grid-extended{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.custom-fields-extended .custom-field-item label{display:block;margin-bottom:5px;font-weight:600;font-size:14px}.custom-fields-extended .custom-field-item input,.custom-fields-extended .custom-field-item select{width:40%;padding:6px;border:1px solid #ccc;border-radius:4px;font-size:13px;background:#fff}.custom-fields-extended .custom-field-item input:focus,.custom-fields-extended .custom-field-item select:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d233}.custom-fields-extended .custom-field-item.file-field{margin-top:16px}.custom-fields-extended .custom-field-item.file-field input[type=file]{width:25%;cursor:pointer}.discount-type-select{padding:5px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fff;margin-left:24px}.discount-type-select:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d233}.withholding-tax-controls{margin-left:24px;display:flex;gap:8px}.withholding-tax-controls select,.withholding-tax-controls input{padding:5px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fff}.withholding-tax-controls select:focus,.withholding-tax-controls input:focus{border-color:#1976d2;outline:none;box-shadow:0 0 0 2px #1976d233}.withholding-tax-controls input{min-width:120px}.sidebar-professional{position:fixed;top:0;left:0;height:100vh;width:260px;background:#f1f2f4;box-shadow:4px 0 20px #1111110a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column;border-right:1px solid #e6e8ee}.sidebar-professional.collapsed{width:60px}.sidebar-professional .sidebar-toggle{padding:8px;display:flex;justify-content:flex-end;border-bottom:1px solid #e6e8ee}.sidebar-professional .sidebar-toggle .toggle-button{width:24px;height:24px;border:none;background:#ebeef2;border-radius:4px;color:#111827;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sidebar-professional .sidebar-toggle .toggle-button:hover{background:#e1e4ea;color:#111827}.sidebar-professional .user-info{padding:12px;border-bottom:1px solid #e1e3e8;display:flex;align-items:center;gap:12px}.sidebar-professional .user-info .user-avatar{width:32px;height:32px;border-radius:50%;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.sidebar-professional .user-info .user-details{display:flex;flex-direction:column}.sidebar-professional .user-info .user-details .username{font-weight:600;color:#111827;font-size:14px}.sidebar-professional .nav-items-container{flex:1;padding:4px 8px;display:flex;flex-direction:column;overflow:hidden}.sidebar-professional .sidebar-footer{padding:12px;border-top:1px solid #e6e8ee}.sidebar-professional .sidebar-footer .logout-button{width:100%;padding:8px 12px;border:none;background:#f2f4f7;color:#111827;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s ease}.sidebar-professional .sidebar-footer .logout-button:hover{background:#e9ebf0;color:#0b0b0f}.sidebar-professional .sidebar-footer .logout-button svg{width:16px;height:16px}.nav-items-table{display:flex;flex-direction:column;gap:1px;height:100%;justify-content:flex-start}.nav-items-table .nav-item{position:relative;display:flex;align-items:center;padding:6px 12px;margin:0 6px;border-radius:4px;text-decoration:none;color:#111827;transition:all .2s ease;cursor:pointer;font-size:12px;font-weight:500;min-height:28px;max-height:28px;flex-shrink:0}.nav-items-table .nav-item:hover{background:#e9eaed;color:#0b0b0f;transform:translate(1px)}.nav-items-table .nav-item.active{background:#111827;color:#fff;box-shadow:0 2px 6px #1118272e}.nav-items-table .nav-item.active .nav-icon img{filter:brightness(0) invert(1)}.nav-items-table .nav-item .nav-item-content{display:flex;align-items:center;gap:8px;flex:1}.nav-items-table .nav-item .nav-item-content .nav-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-items-table .nav-item .nav-item-content .nav-icon img{width:14px;height:14px;opacity:.82;transition:all .2s ease}.nav-items-table .nav-item .nav-item-content .nav-label{font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.nav-items-table .nav-item .nav-indicator{position:absolute;right:8px;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 4px #11182740}.sidebar-professional.collapsed .sidebar-toggle{justify-content:center}.sidebar-professional.collapsed .user-info{padding:8px;justify-content:center}.sidebar-professional.collapsed .user-info .user-details{display:none}.sidebar-professional.collapsed .sidebar-footer{padding:8px}.sidebar-professional.collapsed .sidebar-footer .logout-button{justify-content:center;padding:8px}.sidebar-professional.collapsed .sidebar-footer .logout-button span{display:none}.sidebar-professional.collapsed .nav-item{margin:0 2px;padding:6px 4px;justify-content:center}.sidebar-professional.collapsed .nav-item .nav-item-content{justify-content:center}.sidebar-professional.collapsed .nav-item:hover{transform:none}.sidebar-professional.collapsed .nav-items-table{gap:1px}.sales-invoices-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:32px;overflow-x:auto;font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.01em;min-height:calc(100vh - 40px);margin:20px;transition:margin-left .3s,width .3s;box-sizing:border-box;position:relative;z-index:1}.sales-invoices-container.collapsed{margin:20px 20px 20px 90px;width:calc(100vw - 130px)}.sales-invoices-container.expanded{margin:20px 20px 20px 300px;width:calc(100vw - 340px)}.sales-invoices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.sales-invoices-header h2{margin:0;color:#2c3e50;font-size:24px;font-weight:500}.header-controls{display:flex;align-items:center;gap:16px}.search-container{position:relative;width:300px}.search-container .search-input{width:100%;padding:10px 40px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;background:#f8f9fa;box-sizing:border-box;outline:none;transition:all .2s;font-family:Inter,Segoe UI,Arial,sans-serif}.search-container .search-input:focus{border-color:#1976d2;background:#fff;box-shadow:0 0 0 3px #1976d21a}.search-container .search-input:blur{border-color:#e0e0e0;background:#f8f9fa;box-shadow:none}.search-container .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:16px;pointer-events:none}.search-container .clear-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;font-size:16px;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.search-container .clear-button:hover{background:#e9ecef}.add-invoice-button{padding:12px 24px;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;font-family:Inter,Segoe UI,Arial,sans-serif;box-shadow:0 3px 12px #1976d24d;transition:all .3s ease;letter-spacing:.01em}.add-invoice-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1976d266}.table-container{width:100%;overflow-x:auto}.invoices-table{width:100%;min-width:800px;border-collapse:collapse;background:#fafbfc;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px;letter-spacing:.01em;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a;border:2px solid #d0d0d0}.invoices-table thead tr{background:#f3f4f6}.invoices-table th{padding:12px;text-align:left;font-weight:400;color:#374151;border:none;font-size:15px;letter-spacing:.01em;background:#f3f4f6;white-space:nowrap}.invoices-table th.checkbox-column{width:40px;text-align:center}.invoices-table th.action-column{width:30px;text-align:center}.invoices-table td{padding:12px;border:none;color:#4b5563;vertical-align:middle;font-size:15px;line-height:1.4}.invoices-table td.checkbox-cell,.invoices-table td.action-cell{text-align:center}.invoices-table tbody tr:nth-child(odd){background-color:#f8f9fa}.invoices-table tbody tr:nth-child(2n){background-color:#fff}.invoices-table tbody tr:hover{background-color:#e3f2fd!important;transition:background-color .2s ease}.invoices-table .status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.invoices-table .status-badge.paid{background:#dcfce7;color:#166534}.invoices-table .status-badge.pending{background:#fef3c7;color:#d97706}.invoices-table .status-badge.overdue{background:#fef2f2;color:#dc2626}.invoices-table .status-badge.active{background:#e0f2fe;color:#0277bd}.invoices-table .days-left{font-weight:500;padding:2px 6px;border-radius:4px;font-size:13px}.invoices-table .days-left.positive{color:#16a34a;background:#f0fdf4}.invoices-table .days-left.negative{color:#dc2626;background:#fef2f2}.invoices-table .days-left.zero{color:#6b7280;background:#f9fafb}.invoices-table .action-button{padding:0;margin:0;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;background:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;box-shadow:0 1px 3px #0000001a}.invoices-table .action-button:hover{background:#f5f5f5;border-color:#d0d0d0;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.invoices-table .action-button img{width:16px;height:16px;filter:brightness(0)}.invoice-form .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.invoice-form .form-header h2{margin:0;color:#2c3e50;font-size:28px;font-weight:600;display:flex;align-items:center;gap:12px}.invoice-form .form-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.invoice-form .form-group{flex:1;min-width:200px}.invoice-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.invoice-form .form-group input,.invoice-form .form-group select,.invoice-form .form-group textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box;font-family:Inter,Segoe UI,Arial,sans-serif}.invoice-form .form-group input:focus,.invoice-form .form-group select:focus,.invoice-form .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.invoice-form .form-group textarea{resize:vertical;min-height:80px}.invoice-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid #e5e7eb}.invoice-form .form-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,Segoe UI,Arial,sans-serif}.invoice-form .form-actions button.save-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.invoice-form .form-actions button.save-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.invoice-form .form-actions button.cancel-button{background:#f3f4f6;color:#6b7280}.invoice-form .form-actions button.cancel-button:hover{background:#e5e7eb}.invoice-detail .detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.invoice-detail .detail-header h2{margin:0;color:#2c3e50;font-size:28px;font-weight:600}.invoice-detail .detail-header .detail-actions{display:flex;gap:12px}.invoice-detail .detail-header .detail-actions button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.invoice-detail .detail-header .detail-actions button.back-button{background:#f3f4f6;color:#6b7280}.invoice-detail .detail-header .detail-actions button.back-button:hover{background:#e5e7eb}.invoice-detail .detail-header .detail-actions button.print-button{background:#3b82f6;color:#fff}.invoice-detail .detail-header .detail-actions button.print-button:hover{background:#2563eb}.invoice-detail .detail-content{display:grid;gap:24px}.invoice-detail .detail-section{background:#f9fafb;padding:20px;border-radius:8px;border-left:4px solid #3b82f6}.invoice-detail .detail-section h3{margin:0 0 16px;color:#374151;font-size:18px;font-weight:600}.invoice-detail .detail-section .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.invoice-detail .detail-section .detail-item{display:flex;flex-direction:column}.invoice-detail .detail-section .detail-item .label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.invoice-detail .detail-section .detail-item .value{font-size:14px;color:#111827;font-weight:500}.invoice-detail .items-table{width:100%;border-collapse:collapse;margin-top:20px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.invoice-detail .items-table th{background:#f9fafb;padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.invoice-detail .items-table td{padding:12px;border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:14px}.invoice-detail .items-table td:last-child{border-bottom:none}.invoice-detail .items-table tbody tr:hover{background:#f9fafb}@media (max-width: 768px){.sales-invoices-container{padding:16px;margin:10px;width:calc(100vw - 20px)}.sales-invoices-container.collapsed,.sales-invoices-container.expanded{margin-left:10px;width:calc(100vw - 20px)}.sales-invoices-header{flex-direction:column;gap:16px;align-items:stretch}.sales-invoices-header h2{font-size:20px}.header-controls{flex-direction:column;gap:12px}.search-container{width:100%}.invoices-table{min-width:800px;font-size:12px}.invoices-table th,.invoices-table td{padding:8px 6px}.invoice-form .form-row{flex-direction:column}.invoice-detail .detail-section .detail-grid{grid-template-columns:1fr}}