.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}.topnav{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.logo{position:absolute;left:20px}.titleImage{display:block}.logoutButton{position:absolute;right:20px;display:flex;align-items:center;gap:8px;padding:9px 16px;border:none;border-radius:7px;background:#ef4444;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.logoutButton:hover{background:#dc2626}.logoutButton:disabled{opacity:.6;cursor:not-allowed}.logoutIcon{font-size:15px}.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{width:210mm;min-height:297mm;background:#fff;margin:20px auto;padding:15mm;box-sizing:border-box;overflow:hidden;border:1px solid #ddd;box-shadow:0 4px 10px #00000014}#invoice-page-1,#invoice-page-2{width:250mm;min-height:297mm;background:#fff;box-sizing:border-box}.additional-terms-page{page-break-before:always;padding:20mm;display:flex;flex-direction:column}.additional-terms-content{width:100%}.terms-container{margin-top:20px}.term-item{display:flex;gap:15px;margin-bottom:18px;align-items:flex-start}.term-number{font-weight:700;min-width:30px;color:#1e3a8a}.term-content{flex:1;min-width:0}.term-heading{font-weight:700;margin-bottom:6px;color:#1e3a8a}.term-description{white-space:pre-wrap;line-height:1.8;color:#333;word-break:break-word;overflow-wrap:break-word}.no-terms{margin-top:20px;color:#666;text-align:center}.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:5px;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}@media print{body{background:#fff}.invoice-actions-top{display:none}.invoice-document{margin:0;border:none;box-shadow:none}#invoice-page-1{page-break-after:always}#invoice-page-2{page-break-before:always}}.dam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0006;padding:16px;border:1px solid green}.dam-modal{width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dam-body{padding:28px}.dam-center{display:flex;flex-direction:column;align-items:center;text-align:center}.dam-icon-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fef2f2;margin-bottom:16px}.dam-icon-circle--sm,.dam-icon-circle--lg{width:80px;height:80px}.dam-icon-danger{color:#ef4444;font-size:48px}.dam-icon-muted{color:#9ca3af;flex-shrink:0}.dam-title-plain{font-size:20px;font-weight:700;color:#111827;margin:0}.dam-title-danger{font-size:24px;font-weight:700;color:#dc2626;margin:0}.dam-subtext{margin-top:8px;font-size:14px;color:#6b7280}.dam-subtext--narrow{max-width:300px}.dam-strong{font-weight:600;color:#374151}.dam-info-box{margin-top:24px;display:flex;align-items:center;gap:10px;border-radius:12px;border:1px solid #f3f4f6;background:#f9fafb;padding:12px 16px}.dam-info-label{font-size:14px;color:#6b7280}.dam-info-value{font-size:14px;font-weight:600;color:#1f2937}.dam-field{margin-top:20px}.dam-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#1f2937}.dam-required{color:#ef4444}.dam-optional{font-weight:400;color:#9ca3af}.dam-input-wrap{display:flex;align-items:center;gap:8px;border:1px solid #93c5fd;border-radius:12px;background:#fff;padding:0 12px}.dam-input-wrap--error{border-color:#fca5a5}.dam-input{flex:1;border:none;outline:none;background:transparent;padding:10px 8px;font-size:14px;letter-spacing:.15em;color:#1f2937}.dam-input::placeholder{letter-spacing:normal;color:#d1d5db}.dam-icon-btn{border:none;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;flex-shrink:0}.dam-icon-btn:hover{color:#6b7280}.dam-error{margin-top:6px;font-size:12px;font-weight:500;color:#ef4444}.dam-textarea-wrap{display:flex;align-items:flex-start;gap:8px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:10px 12px}.dam-textarea-icon{margin-top:2px}.dam-textarea{flex:1;border:none;outline:none;resize:none;background:transparent;font-size:14px;font-family:inherit;color:#1f2937}.dam-textarea::placeholder{color:#d1d5db}.dam-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #f3f4f6;padding-top:20px}.dam-btn{display:inline-flex;align-items:center;gap:8px;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent}.dam-btn:disabled{cursor:not-allowed;opacity:.6}.dam-btn--secondary{background:#f9fafb;border-color:#e5e7eb;color:#374151}.dam-btn--secondary:hover:not(:disabled){background:#f3f4f6}.dam-btn--danger{background:#dc2626;color:#fff}.dam-btn--danger:hover:not(:disabled){background:#b91c1c}.dam-spin{animation:dam-spin .8s linear infinite}@keyframes dam-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}.action-icon.clone{color:#0d6efd;cursor:pointer}.action-icon.clone:hover{color:#084298}.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}.action-icon-delete{color:#dc3545;cursor:pointer;font-size:18px;margin-left:10px;transition:.2s ease}.action-icon-delete:hover{color:#b02a37;transform:scale(1.1)}.additionalTermsCard{width:100%;margin-top:24px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0f172a0d}.termsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.termsHeader h3{margin:0;font-size:20px;color:#0f172a}.termsHeader p{margin-top:6px;color:#64748b;font-size:14px}.addTermButton{border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .25s ease;margin-top:10px}.addTermButton:hover{transform:translateY(-2px);box-shadow:0 12px 25px #4f46e540}.termsWrapper{display:flex;flex-direction:column;gap:18px}.termCard{background:#e0f0ff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;transition:all .25s ease}.termCard:hover{border-color:#c7d2fe;box-shadow:0 8px 18px #0000000d}.termCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #d1d5db}.termTitle{font-size:16px;font-weight:700;color:#4f46e5}.termTextarea{width:100%;min-height:24px;height:24px;border:none;outline:none;background:transparent;resize:none;overflow:hidden;font-family:inherit;font-size:15px;line-height:26px;color:#334155}.termTextarea::placeholder{color:#94a3b8}.deleteTermButton{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:#ef4444;cursor:pointer;transition:all .3s ease}.deleteTermButton:hover{background:#ef444414;color:#dc2626;transform:scale(1.08)}.deleteTermButton svg{transition:transform .3s ease}.deleteTermButton:hover svg{transform:scale(1.15)}.edit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:#2563eb;cursor:pointer;transition:all .3s ease}.edit-btn:hover{background:#2563eb14;color:#1d4ed8;transform:scale(1.08)}.edit-btn svg{transition:transform .3s ease}.edit-btn:hover svg{transform:scale(1.15)}.termActions{display:flex;align-items:center}.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}}.login-page{width:100%;height:100vh;height:100dvh;position:relative;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff,#fafaff 45%,#f1f3ff)}.background-shape{position:absolute;pointer-events:none;z-index:0}.background-shape-top{width:480px;height:480px;top:-250px;left:-160px;border-radius:50%;background:#e1e4fa7a}.background-shape-bottom{width:520px;height:520px;right:-200px;bottom:-290px;border-radius:50%;background:#e2e5fb85}.dots{position:absolute;display:grid;grid-template-columns:repeat(4,7px);column-gap:15px;row-gap:9px;z-index:1;pointer-events:none}.dots span{width:7px;height:7px;border-radius:50%;background:#d5dcff;opacity:.78}.dots-top{top:65px;right:28px}.dots-bottom{bottom:55px;left:35px}.login-card{width:650px;max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;position:relative;z-index:5;padding:14px 45px 16px;background:#fffffff7;border-radius:20px;box-shadow:0 20px 55px #4552911a,0 5px 20px #4552910d}.logo-container{width:56px;height:56px;position:relative;margin:0 auto 4px;display:flex;align-items:center;justify-content:center;color:#4c6bea}.shield-icon{width:50px;height:50px;color:#4c6bea}.shield-user-icon{position:absolute;width:19px;height:19px;top:19px;left:19px;color:#4c6bea}.login-card h1{margin:0;text-align:center;color:#14294f;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.5px}.subtitle{margin:5px 0 16px;text-align:center;color:#68728a;font-size:14px;line-height:1.3;font-weight:400}.login-as-heading{width:100%;display:flex;align-items:center;gap:12px;margin-bottom:12px}.login-as-heading span{flex:1;height:1px;background:#dfe2e9}.login-as-heading p{margin:0;color:#525d74;font-size:13px;line-height:1;white-space:nowrap}.role-container{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.role-button{width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e0e3eb;border-radius:8px;background:#fff;color:#1c2c4b;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease}.role-button:hover{border-color:#b8c5f7;background:#fafbff}.role-button.active{border:2px solid #c5d1ff;background:linear-gradient(90deg,#f0f3ff,#e9eeff);color:#1d2d51}.role-icon{width:18px;height:18px;flex-shrink:0;color:#59677e}.role-button.active .role-icon{color:#4d6cf0}.form-group{width:100%;margin-bottom:12px}.form-group label{display:block;margin-bottom:5px;color:#182a4b;font-size:13px;line-height:1.2;font-weight:600}.input-wrapper{width:100%;height:42px;display:flex;align-items:center;position:relative;border:1px solid #dfe3eb;border-radius:8px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.input-wrapper:hover{border-color:#cfd5e2}.input-wrapper:focus-within{border-color:#7890ee;box-shadow:0 0 0 3px #4e6beb12}.input-icon{width:16px;height:16px;flex-shrink:0;margin-left:14px;color:#9ca5b7}.input-wrapper input{width:100%;height:100%;min-width:0;padding:0 12px;border:none;outline:none;background:transparent;color:#263552;font-size:14px;font-weight:400}.input-wrapper input::placeholder{color:#9aa2b3;opacity:1}.password-group{margin-bottom:10px}.password-toggle{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-right:5px;padding:0;border:none;border-radius:50%;background:transparent;color:#9aa3b5;cursor:pointer}.password-toggle:hover{background:#f5f6fb;color:#6474a0}.eye-icon{width:16px;height:16px;color:inherit}.options-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.remember-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#3d4a64;font-size:13px;line-height:1.2;-webkit-user-select:none;user-select:none}.remember-label input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.custom-checkbox{width:18px;height:18px;position:relative;flex-shrink:0;border:1.5px solid #c5ccd8;border-radius:3px;background:#fff}.remember-label input:checked+.custom-checkbox{border-color:#4e6eea;background:#4e6eea}.remember-label input:checked+.custom-checkbox:after{content:"";position:absolute;width:5px;height:9px;left:5px;top:2px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-password{padding:0;border:none;background:transparent;color:#4a6be9;font-size:13px;line-height:1.2;font-weight:500;cursor:pointer;white-space:nowrap}.forgot-password:hover{text-decoration:underline}.sign-in-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:linear-gradient(90deg,#4967df,#4f67df,#4c63d8);color:#fff;font-size:16px;line-height:1;font-weight:600;cursor:pointer;box-shadow:0 5px 12px #455dd333;transition:transform .2s ease,box-shadow .2s ease}.sign-in-button:hover{transform:translateY(-1px);box-shadow:0 7px 16px #455dd340}.sign-in-button:active{transform:translateY(0)}.or-divider{width:100%;display:flex;align-items:center;gap:12px;margin:16px 0 14px}.or-divider span{flex:1;height:1px;background:#dfe2e9}.or-divider p{margin:0;color:#657087;font-size:13px;line-height:1}.contact-admin{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;color:#46536d;font-size:13px;line-height:1.3}.contact-admin button{padding:0;border:none;background:transparent;color:#4b6ce9;font-size:13px;line-height:1.3;font-weight:500;cursor:pointer}.contact-admin button:hover{text-decoration:underline}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f5f6ff}button,input{font-family:inherit}.register-page{width:100%;height:100vh;height:100dvh;position:relative;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff,#fafaff 45%,#f1f3ff)}.register-background-shape{position:absolute;pointer-events:none;z-index:0}.register-shape-top{width:480px;height:480px;top:-250px;left:-160px;border-radius:50%;background:#e1e4fa7a}.register-shape-bottom{width:520px;height:520px;right:-200px;bottom:-290px;border-radius:50%;background:#e2e5fb85}.register-dots{position:absolute;display:grid;grid-template-columns:repeat(4,7px);column-gap:15px;row-gap:9px;z-index:1;pointer-events:none}.register-dots span{width:7px;height:7px;border-radius:50%;background:#d5dcff;opacity:.78}.register-dots-top{top:65px;right:28px}.register-dots-bottom{bottom:55px;left:35px}.register-card{width:650px;max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;position:relative;z-index:5;padding:14px 45px 16px;background:#fffffff7;border-radius:20px;box-shadow:0 20px 55px #4552911a,0 5px 20px #4552910d}.register-logo-container{width:52px;height:52px;position:relative;margin:0 auto 4px;display:flex;align-items:center;justify-content:center}.register-shield-icon{width:47px;height:47px;color:#4c6bea}.register-shield-user-icon{position:absolute;width:18px;height:18px;top:18px;left:17px;color:#4c6bea}.register-card h1{margin:0;text-align:center;color:#14294f;font-size:23px;line-height:1.15;font-weight:700;letter-spacing:-.5px}.register-subtitle{margin:4px 0 14px;text-align:center;color:#68728a;font-size:13px;line-height:1.3;font-weight:400}.register-as-heading{width:100%;display:flex;align-items:center;gap:12px;margin-bottom:11px}.register-as-heading span{flex:1;height:1px;background:#dfe2e9}.register-as-heading p{margin:0;color:#525d74;font-size:13px;line-height:1;white-space:nowrap}.register-role-container{width:100%;margin-bottom:14px}.register-role-button{width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #c5d1ff;border-radius:8px;background:linear-gradient(90deg,#f0f3ff,#e9eeff);color:#1d2d51;font-size:14px;font-weight:600}.register-role-icon{width:17px;height:17px;color:#4d6cf0}.register-form-group{width:100%;margin-bottom:10px}.register-form-group label{display:block;margin-bottom:5px;color:#182a4b;font-size:13px;line-height:1.2;font-weight:600}.register-input-wrapper{width:100%;height:42px;display:flex;align-items:center;position:relative;border:1px solid #dfe3eb;border-radius:8px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.register-input-wrapper:hover{border-color:#cfd5e2}.register-input-wrapper:focus-within{border-color:#7890ee;box-shadow:0 0 0 3px #4e6beb12}.register-input-wrapper.register-input-error{border-color:#e06b75}.register-input-icon{width:16px;height:16px;flex-shrink:0;margin-left:14px;color:#9ca5b7}.register-input-wrapper input{width:100%;height:100%;min-width:0;padding:0 12px;border:none;outline:none;background:transparent;color:#263552;font-size:14px;font-weight:400}.register-input-wrapper input::placeholder{color:#9aa2b3;opacity:1}#mobileNumber{letter-spacing:.2px}.register-password-toggle{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-right:5px;padding:0;border:none;border-radius:50%;background:transparent;color:#9aa3b5;cursor:pointer}.register-password-toggle:hover{background:#f5f6fb;color:#6474a0}.register-password-toggle svg{width:16px;height:16px}.register-confirm-group{margin-bottom:12px}.register-error{margin:4px 0 0;color:#d9535f;font-size:11px;line-height:1.3}.register-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:linear-gradient(90deg,#4967df,#4f67df,#4c63d8);color:#fff;font-size:16px;line-height:1;font-weight:600;cursor:pointer;box-shadow:0 5px 12px #455dd333;transition:transform .2s ease,box-shadow .2s ease}.register-button:hover{transform:translateY(-1px);box-shadow:0 7px 16px #455dd340}.register-button:active{transform:translateY(0)}.register-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.register-button:disabled:hover{transform:none;box-shadow:none}.register-or-divider{width:100%;display:flex;align-items:center;gap:12px;margin:14px 0 12px}.register-or-divider span{flex:1;height:1px;background:#dfe2e9}.register-or-divider p{margin:0;color:#657087;font-size:13px;line-height:1}.already-account{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;color:#46536d;font-size:13px;line-height:1.3}.already-account button{padding:0;border:none;background:transparent;color:#4b6ce9;font-size:13px;line-height:1.3;font-weight:500;cursor:pointer}.already-account button:hover{text-decoration:underline}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.dialog-box{width:350px;max-width:90%;background:#fff;border-radius:12px;padding:30px 25px;text-align:center;box-shadow:0 10px 30px #0003}.dialog-icon{width:50px;height:50px;margin:0 auto 15px;border-radius:50%;background:#e8f7ee;color:#28a745;display:flex;align-items:center;justify-content:center;font-size:23px}.dialog-box h3{margin:0 0 10px;font-size:21px;color:#222}.dialog-box p{margin:0 0 22px;color:#666;font-size:14px}.dialog-box button{width:100%;padding:11px;border:none;border-radius:6px;background:#2563eb;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.dialog-box button:hover{background:#1d4ed8}: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}