.topnav{height:60px;background-color:#f9f9f9;color:#333;display:flex;align-items:center;justify-content:flex-start;padding:0 20px;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d;position:relative}.logo{height:120px;width:auto}.titleImage{position:absolute;left:50%;transform:translate(-50%);height:40px;width:auto}.logoutButton{position:absolute;right:20px;display:flex;align-items:center;gap:5px;text-decoration:none;color:#ef4444;font-weight:500;padding:6px 10px;border-radius:6px;transition:background-color .2s,color .2s}.logoutButton:hover{background-color:#ef4444;color:#fff}.logoutIcon{font-size:18px}.sidebar{width:200px;background-color:#fff;border-right:1px solid #e0e0e0;padding:20px;transition:all .3s ease}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:12px}.link{text-decoration:none;color:#555;font-weight:500;display:flex;align-items:center;padding:8px 10px;border-radius:6px;transition:background-color .2s,color .2s}.link:hover{color:#fff;background-color:#333}.active{color:#fff;background-color:#3b82f6}.sidebar-icon{margin-right:10px;font-size:18px;transition:transform .2s}.link:hover .sidebar-icon{transform:translateY(-2px) scale(1.2)}.dashboard-icon{color:#f97316}.profile-icon{color:#3b82f6}.settings-icon{color:#10b981}.logout-icon{color:#ef4444}.edit-icon{color:#ffc107}.breadcrumb{font-size:14px;color:#555;margin-bottom:15px}.breadcrumb span{display:inline}.breadcrumb span:not(:last-child):after{content:" > ";margin:0 5px;color:#888}.layout-app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0}.layout-main{display:flex;flex:1;overflow:hidden}.layout-content{flex:1;padding:20px;overflow-y:auto;height:100%}.watermark{position:fixed;top:50%;left:55%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;z-index:0;max-width:90vw;max-height:90vh;overflow:hidden}.purchaseOrder{margin:20px 0}.sectionLine{margin-bottom:10px;border:0;height:2px;background-color:#0000001a}.dashboard-cards{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.dashboard-card{flex:1;min-width:180px;background-color:#f9f9f9;border-radius:10px;padding:30px 20px;box-shadow:0 2px 6px #0000001a;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .3s;position:relative;overflow:hidden;text-decoration:none;color:inherit}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026;background-color:var(--hover-color)}.cardIcon{font-size:36px;margin-bottom:15px;position:relative;z-index:1;transition:transform .3s,color .3s;color:var(--icon-color)}.dashboard-card:hover .cardIcon{color:#fff;transform:scale(1.1)}.dashboard-card h3{position:relative;z-index:1;transition:color .3s;color:#000}.dashboard-card:hover h3{color:#fff}.dashboard-cards-five{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.dashboard-cards-five .dashboard-card{min-width:0}@media(max-width:600px){.dashboard-cards{flex-direction:column}.dashboard-card{min-width:100%}}.edit-po-container{padding:20px}.ag-grid-wrapper{width:100%;height:400px;margin-bottom:20px}.btn-add-rules{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.rules-section{border:1px solid #ccc;padding:15px;border-radius:6px;margin-bottom:20px;background-color:#f9f9f9}.item-rules-row{margin-bottom:12px}.rule-field{display:flex;align-items:center;gap:10px;margin-bottom:8px}.rule-field label{min-width:100px;font-weight:500}.rule-input,.rule-select{flex:1;padding:6px;border-radius:4px;border:1px solid #3b82f6;background-color:#e0f0ff}.btn-proceed{margin-top:15px;background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.back-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;background:#fff;color:#374151;border:1px solid #d1d5db}.back-btn:hover{background:#f3f4f6}.invoice-page-wrapper{background:#f8fafc;padding:30px;min-height:100vh}.invoice-actions-top{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto 20px}.action-buttons-right{display:flex;gap:12px}.btn-back,.btn-edit,.btn-download{border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-back{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-back:hover{background:#f3f4f6}.btn-edit{background:#2563eb;color:#fff}.btn-edit:hover{background:#1d4ed8}.btn-download{background:#059669;color:#fff}.btn-download:hover{background:#047857}.invoice-document{background:#fff;max-width:900px;margin:0 auto;border:1px solid #e5e7eb;border-radius:8px;padding:40px;box-shadow:0 4px 6px -1px #0000001a;color:#1f2937;font-family:Inter,system-ui,-apple-system,sans-serif}.document-header{text-align:center;margin-bottom:30px;border-bottom:3px solid #1e3a8a;padding-bottom:20px}.document-header h1{color:#1e3a8a;font-size:32px;font-weight:700;margin:0 0 10px}.document-header .gstin-text{font-size:14px;color:#4b5563;margin:0 0 10px}.document-header h2{color:#1e3a8a;font-size:20px;font-weight:600;margin:0;letter-spacing:1px}.info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:30px}.info-box{padding:15px;border-right:1px solid #e5e7eb}.info-box:last-child{border-right:none}.box-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.box-header h3{color:#1e3a8a;font-size:16px;font-weight:600;margin:0}.icon-blue{color:#2563eb;font-size:16px}.icon-small{font-size:12px;color:#6b7280;margin-right:6px}.info-box p{margin:0 0 6px;font-size:13px;color:#374151}.info-box .entity-name{font-size:14px}.contact-text{display:flex;align-items:center}.gstin-box{margin-top:10px!important;font-weight:500}.details-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;font-size:13px}.details-grid span:nth-child(odd){color:#4b5563}.details-grid span:nth-child(2n){font-weight:500}.items-section{margin-bottom:30px;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.invoice-table{width:100%;border-collapse:collapse;font-size:13px}.invoice-table th{background:#1e3a8a;color:#fff;padding:10px 12px;text-align:left;font-weight:500}.invoice-table th:last-child,.invoice-table td:last-child{text-align:right}.invoice-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb}.invoice-table td:first-child,.invoice-table th:first-child{border-left:none}.invoice-table th{border-left:1px solid rgba(255,255,255,.2)}.invoice-table td.no-border{border:none}.invoice-table tfoot td{border:1px solid #e5e7eb;padding:8px 12px}.invoice-table tfoot td.no-border{border:none}.totals-label{text-align:right;color:#4b5563}.totals-value{text-align:right;font-weight:500}.grand-total-row td{background:#e6f4ea;color:#065f46}.grand-total-row .bold{font-weight:700;font-size:14px}.tax-input{width:32px;text-align:center;border:1px solid transparent;background:transparent;color:inherit;font-weight:inherit;font-size:inherit;margin:0 2px;padding:0;border-radius:3px;transition:all .2s ease}.tax-input:hover,.tax-input:focus{border:1px solid #cbd5e1;background:#fff;outline:none}.tax-input::-webkit-outer-spin-button,.tax-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tax-input[type=number]{-moz-appearance:textfield}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.terms-box,.amount-signature-box{border:1px solid #e5e7eb;border-radius:8px;padding:20px}.terms-list{margin:0;padding-left:20px;font-size:13px;color:#374151}.terms-list li{margin-bottom:6px}.amount-words{margin-bottom:20px;border-bottom:1px dashed #d1d5db;padding-bottom:15px}.words-title{color:#1e3a8a;font-size:14px;margin:0 0 8px}.amount-words p{margin:0;font-size:13px;font-weight:500}.signature-area{text-align:right}.signature-area h4{margin:0 0 10px;font-size:14px;color:#1f2937}.sign-space{height:60px}.signature-area p{margin:0;font-size:13px;color:#6b7280;border-top:1px solid #e5e7eb;display:inline-block;padding-top:8px}.thank-you-footer{text-align:center;color:#2563eb;font-style:italic;font-weight:600;font-size:14px;margin-top:20px}.direct-materials-page{padding:20px}.btn-button{background-color:#f8f9fa;color:#007bff;padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:700;text-decoration:none}.indirect-materials-page{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.header-buttons{display:flex;flex-direction:column;gap:12px}.btn-add{display:flex;align-items:center;gap:8px;background-color:#007bff;color:#fff;padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:700;text-decoration:none}.add-order-link{text-decoration:none}.selected-row,.ag-row-selected{background-color:#dbeafe!important}.indirectExpensesFormPage{max-width:1000px;margin:0 auto;padding:20px;background-color:#dfe7e5;min-height:100vh}.inputField{min-width:150px;padding:10px;border-radius:6px;border:1px solid #3b82f6;font-size:16px;background-color:#e0f0ff;color:#0f172a}.invoiceItemRow>*{flex:1;min-width:120px}.invoiceItemRow input,.invoiceItemRow select{flex:1;width:100%;min-width:0;box-sizing:border-box}.invoiceItemRow .btn-remove{background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;padding:10px 20px;font-size:14px;flex:0 0 auto!important;min-width:auto!important;width:120px!important;margin-top:10px}.top-left-section{display:flex;align-items:center;width:100%}.back-btn-wrapper{width:80px}.miscellaneous-materials-page{padding:20px}.direct-expenses-header{display:flex;justify-content:space-between;align-items:center}.direct-expenses-actions{display:flex;gap:12px}.btn-link{text-decoration:none}.btn-add{display:flex;align-items:center;gap:8px;background-color:#007bff;color:#fff;padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:700}.btn-rules{display:flex;align-items:center;gap:8px;background-color:#ffc107;color:#000;padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:700}.ag-theme-custom{height:500px;width:100%;margin-top:20px}.actions-cell{display:flex;align-items:center;justify-content:center;gap:15px;font-size:22px;height:100%}.action-icon-view{color:#007bff;cursor:pointer}.action-icon-edit{color:#28a745;cursor:pointer}.action-icon-download{color:#6c757d;cursor:pointer}.miscellaneousMaterialsFormPage{max-width:1000px;margin:0 auto;padding:20px;background-color:#dfe7e5;min-height:100vh}.inputField{width:100%;padding:10px;border-radius:6px;border:1px solid #3b82f6;font-size:16px;background-color:#e0f0ff;color:#0f172a}.invoiceItemRow{display:flex;gap:10px;margin-bottom:10px;align-items:center;flex-wrap:wrap}.invoiceItemRow input{flex:1}.btn-remove{background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;padding:6px 10px;font-size:14px}.directExpensesFormPage{max-width:1000px;margin:0 auto;padding:20px;background-color:#dfe7e5;min-height:100vh}.back-btn-wrapper{margin-bottom:20px}.pageHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.addOrderForm{background:#fff;padding:25px 40px 25px 25px;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:background .3s ease}.form-twoColumn{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:15px}.form-fullWidth{margin-bottom:15px}.inputField{min-width:150px;width:100%;padding:10px;border-radius:6px;border:1px solid #3b82f6;font-size:16px;background-color:#e0f0ff;color:#0f172a;box-sizing:border-box}.inputField:focus{outline:none;border-color:#2563eb;background-color:#d0e7ff;box-shadow:0 0 5px #3b82f680}.invoiceItemRow{display:grid;grid-template-columns:1.6fr 1fr .9fr 1fr .7fr 1fr .9fr .9fr auto;gap:10px;align-items:start;margin-bottom:14px;padding:12px;background:#fff;border:1px solid #e0e6ed;border-radius:8px}.invoiceItemRow>*{min-width:0}.invoiceItemRow .inputField{width:100%;box-sizing:border-box}.invoiceItemRow .btn-remove{background-color:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;padding:10px 16px;font-size:14px;white-space:nowrap;align-self:start}.btn-remove:hover{background-color:#b91c1c}@media(max-width:900px){.invoiceItemRow{grid-template-columns:repeat(2,1fr)}.invoiceItemRow>*:first-child{grid-column:span 2}.invoiceItemRow .btn-remove{grid-column:span 2;justify-self:end;width:auto}}@media(max-width:560px){.invoiceItemRow{grid-template-columns:1fr}.invoiceItemRow>*:first-child,.invoiceItemRow .btn-remove{grid-column:span 1}.invoiceItemRow .btn-remove{justify-self:stretch}}.submitOrderBtn{background-color:#1d8b19;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;margin-top:10px;transition:background-color .2s}.submitOrderBtn:hover{background-color:#2563eb}.addItemBtn{background-color:#3b82f6;color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;margin-top:10px;transition:background-color .2s}.addItemBtn:hover{background-color:#2563eb}.submitWrapper{display:flex;justify-content:flex-end;margin-top:20px}.suggestionBox{position:absolute;width:100%;background:#fff;border:1px solid #ccc;max-height:180px;overflow-y:auto;z-index:1000;box-shadow:0 2px 8px #0003}.suggestionItem{padding:10px;cursor:pointer}.suggestionItem:hover{background:#f5f5f5}.terms-section{margin-top:30px;background:#e0f0ff;border:1px solid #dbe8ff;border-radius:12px;padding:20px}.terms-section label{font-size:20px;font-weight:700;color:#1e3a5f;display:block}.terms-textarea{width:100%;min-height:120px;border:none;background:transparent;resize:vertical;font-size:15px;line-height:2;outline:none}@media(max-width:600px){.form-twoColumn{grid-template-columns:1fr}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#dfe7e5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}