:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}select,textarea{background-color:#fff!important;color:#111827!important;border:1px solid #d1d5db!important;border-radius:6px;padding:8px 12px;font-size:14px;appearance:none;outline:none;transition:all .2s ease}select:focus,input:focus,textarea:focus{border-color:#2563eb!important;background-color:#fff!important;color:#111827!important;box-shadow:0 0 0 2px #2563eb26}@media (prefers-color-scheme: dark){select,input,textarea{background-color:#fff!important;color:#111827!important}::placeholder{color:#9ca3af!important}}#root{height:100%;width:100%;margin:0;padding:0;overflow-y:auto}.dots-btn{outline:none!important;box-shadow:none!important}body{overflow-x:hidden}input{color:#000!important;background-color:#fff}input::placeholder{color:#555}.login-container{min-height:100vh;width:100vw;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}.login-wrapper{display:flex;width:100%;height:100vh;overflow:hidden}.login-left{flex:2;background:linear-gradient(135deg,#4f46e5,#3b82f6,#2563eb);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;position:relative;color:#fff;overflow:hidden}.login-left:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.welcome-section{text-align:center;z-index:2;width:100%;max-width:500px}.welcome-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.2}.welcome-subtitle{font-size:18px;color:#ffffffe6;margin-bottom:60px;font-weight:400}.login-image-container{width:100%;height:400px;display:flex;align-items:center;justify-content:center;position:relative}.login-image{width:100%;height:100%;object-fit:contain;object-position:center;max-width:450px;max-height:380px;filter:drop-shadow(0 8px 32px rgba(0,0,0,.2));transition:transform .3s ease}.login-image:hover{transform:scale(1.02)}.login-right{flex:1;background-color:#f8f9fa;display:flex;flex-direction:column;padding:40px 60px;position:relative;overflow-y:auto}.login-header{display:flex;justify-content:flex-end;margin-bottom:60px}.brand-logo{display:flex;align-items:center;gap:8px;color:#4f46e5}.brand-text{font-size:20px;font-weight:700;color:#1f2937}.login-form-section{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:400px;margin:0 auto;width:100%}.login-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px;text-align:center}.login-subtitle{font-size:16px;color:#6b7280;margin-bottom:40px;text-align:center;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:24px}.hand{display:inline-block;animation:wave 4s ease-in-out infinite;animation-delay:0s;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(20deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input{padding:14px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:16px;background-color:#fff;color:#1f2937;transition:all .2s ease}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:40px;box-sizing:border-box}.password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#000}.login-button{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #4f46e54d}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.remember-me{display:flex;align-items:center;font-size:14px;color:#6b7280;cursor:pointer;position:relative;padding-left:28px}.remember-me input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:18px;background-color:#fff;border:2px solid #D1D5DB;border-radius:4px;transition:all .2s ease}.remember-me:hover input~.checkmark{border-color:#4f46e5}.remember-me input:checked~.checkmark{background-color:#4f46e5;border-color:#4f46e5}.remember-me input:checked~.checkmark:after{content:"";position:absolute;display:block;left:5px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-password{font-size:14px;color:#4f46e5;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#3730a3;text-decoration:underline}.partner-info{margin-top:32px;text-align:center}.partner-text{font-size:14px;color:#6b7280;margin-bottom:12px}.partner-logo{display:flex;justify-content:center;align-items:center}.partner-logo span{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.error-message{color:#ef4444;font-size:14px;background-color:#fef2f2;border:1px solid #FECACA;padding:12px 16px;border-radius:8px;margin-top:-8px}@media (max-width: 1024px){.login-right{padding:40px}.welcome-title{font-size:42px}}@media (max-width: 768px){.login-wrapper{flex-direction:column}.login-left{order:1;min-height:40vh;padding:40px 20px}.login-right{order:2;min-height:60vh;padding:30px 20px}.welcome-title{font-size:36px}.welcome-subtitle{font-size:16px;margin-bottom:40px}.login-image-container{height:250px}.login-header{justify-content:center;margin-bottom:40px}.form-options{flex-direction:column;gap:16px;align-items:stretch}.forgot-password{text-align:center}}@media (max-width: 480px){.login-left{padding:30px 15px}.login-right{padding:20px 15px}.welcome-title,.login-title{font-size:28px}.form-group input,.login-button{padding:12px 16px}.login-image-container{height:200px}}@media (min-width: 1400px){.login-left{padding:80px 60px}.login-right{padding:60px 80px}.welcome-title{font-size:56px}.login-image-container{height:500px}}.input-wrapper{margin-bottom:16px;width:100%}.input-label{display:block;font-size:14px;font-weight:600;color:#020a17;margin-bottom:6px}.required{color:#c00000;margin-left:2px}.input-container{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:10px 14px;border:1px solid #c8c8c8;border-radius:6px;font-size:14px;background:#fff;outline:none;transition:border-color .2s ease}.input-field:focus{border-color:#e3e3ea;outline:none;box-shadow:none!important}.input-with-icon{padding-left:40px}.input-icon{position:absolute;left:12px;color:#666;font-size:16px;pointer-events:none}.input-error .input-field{border-color:#c00000}.input-error .input-field:focus{border-color:#c00000;outline:none;box-shadow:none!important}.input-disabled{opacity:.7}.input-disabled .input-field{background:#f3f3f3;cursor:not-allowed;border-color:#e0e0e0}.error-message{font-size:12px;color:#c00000;margin-top:4px;display:block}.select-wrapper{position:relative;margin-bottom:16px}.select-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.select-container{position:relative}.select-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.select-trigger:hover{border-color:#10b981}.select-open{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.select-value{font-size:14px;color:#374151}.select-arrow{font-size:18px;color:#6b7280;transition:transform .2s ease}.select-arrow-up{transform:rotate(180deg)}.select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:4px}.select-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:#374151}.select-option:hover{background-color:#f9fafb}.select-option-selected{background-color:#10b981;color:#fff}.select-check{font-size:16px}.select-error .select-trigger{border-color:#ef4444}.select-disabled{opacity:.6;cursor:not-allowed}.select-disabled .select-trigger{background:#f3f4f6;cursor:not-allowed}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s ease}.btn-primary{background-color:#244f95;color:#fff;font-size:14}.btn-danger{background-color:#ef4444;color:#fff;border:1px solid #ef4444;padding:.6em 1em;border-radius:.5em;font-size:clamp(12px,2.5vw,14px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.4em;width:100%;max-width:200px;box-sizing:border-box;white-space:nowrap}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.btn-ghost{background-color:transparent;border:1px solid #d1d5db;color:#374151;padding:.6em 1em;border-radius:.5em;font-size:clamp(12px,2.5vw,14px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.4em;width:100%;max-width:200px;box-sizing:border-box;white-space:nowrap}.btn-ghost:hover{background-color:#f3f4f6;border-color:#10b981;color:#111827}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:4px 10px;font-size:10px}.btn-medium{padding:8px 16px;font-size:14px}.btn-large{padding:12px 20px;font-size:16px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{border:2px solid #f3f3f3;border-top:2px solid #3b82f6;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite}.btn-text{display:inline-flex;align-items:center;color:inherit;font-weight:500}.btn-primary .btn-text,.btn-danger .btn-text{color:#fff}.btn-ghost .btn-text{color:#374151}.btn-text-hidden{visibility:hidden}.btn-icon{display:flex;align-items:center;color:inherit}.card{background:#fff;border-radius:12px;transition:all .2s ease;position:relative;overflow:hidden}.card-bordered{border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000001a}.card-hoverable{cursor:pointer}.card-hoverable:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.card-loading{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.loading-spinner{width:24px;height:24px;border:2px solid #f3f4f6;border-top:2px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-header{padding:20px 20px 0}.card-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.card-subtitle{font-size:14px;color:#6b7280;margin:0}.card-content{padding:20px}.card-header+.card-content{padding-top:16px}.card-footer{padding:16px 20px 20px;border-top:1px solid #f3f4f6;margin-top:16px}@media (max-width: 768px){.card-header,.card-content,.card-footer{padding-left:16px;padding-right:16px}.card-header{padding-bottom:0}.card-footer{padding-bottom:16px;padding-top:12px;margin-top:12px}}.main-table-wrapper{background:#fff;border-radius:12px;border:1px solid #f3f4f6;overflow:hidden}.table-container{overflow-x:auto;border:transparent}.table{width:100%;border-collapse:collapse}.table-header{color:#1e293b;background:#f8fafc}.table-th{padding:16px;text-align:left;font-weight:600;color:#fefefe;font-size:12px;border-bottom:1px solid #f3f4f6}.table-th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-th.sortable:hover{background:#f1f5f9}.th-content{display:flex;align-items:center;gap:8px}.sort-icon{font-size:16px;color:#9ca3af;transition:color .2s ease}.sort-active{color:#10b981}.sort-desc{transform:rotate(180deg)}.table-body{background:#fff}.table-row{transition:background-color .2s ease}.table-td{padding:12px 16px;font-size:14px;color:#6b7280;border-bottom:1px solid #f3f4f6}.table-row:last-child .table-td{border-bottom:none}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-top:1px solid #f3f4f6}.pagination-btn{background:#fff;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#374151}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#10b981}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#6b7280}@media (max-width: 768px){.table-th,.table-td{padding:12px 8px;font-size:13px}.table-pagination{padding:12px}.pagination-btn{padding:6px 12px;font-size:13px}}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-small{width:400px}.modal-medium{width:500px}.modal-large{width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;margin-bottom:20px}.modal-title{font-size:18px;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f9fafb;color:#374151}.modal-content{padding:0 24px 24px;overflow-y:auto;flex:1}@media (max-width: 268px){.modal{width:95%!important;margin:10px}.modal-header{padding:20px 20px 0}.modal-content{padding:0 20px 20px}}.drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.drawer{background:#fff;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;height:100vh;transition:transform .3s ease}.drawer-right{position:fixed;right:0;top:0;transform:translate(0)}.drawer-left{position:fixed;left:0;top:0;transform:translate(0)}.drawer-small{width:300px}.drawer-medium{width:400px}.drawer-large{width:600px}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #f3f4f6}.drawer-title{font-size:18px;font-weight:600;color:#111827;margin:0}.drawer-close{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease}.drawer-close:hover{background:#f9fafb;color:#374151}.drawer-content{flex:1;padding:24px;overflow-y:auto}@media (max-width: 768px){.drawer{width:100%!important}.drawer-header,.drawer-content{padding:20px}}.grid-container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.grid-row{display:flex;flex-wrap:wrap;width:100%}.grid-justify-start{justify-content:center}.grid-justify-end{justify-content:flex-end}.grid-justify-center{justify-content:center}.grid-justify-space-around{justify-content:space-around}.grid-justify-space-between{justify-content:space-between}.grid-justify-space-evenly{justify-content:space-evenly}.grid-align-top{align-items:flex-start}.grid-align-middle{align-items:center}.grid-align-bottom{align-items:flex-end}.grid-align-stretch{align-items:stretch}.grid-col{position:relative;min-height:1px;flex:0 0 auto}.grid-col-1{flex:0 0 4.16666667%;max-width:4.16666667%}.grid-col-2{flex:0 0 8.33333333%;max-width:8.33333333%}.grid-col-3{flex:0 0 12.5%;max-width:12.5%}.grid-col-4{flex:0 0 16.66666667%;max-width:16.66666667%}.grid-col-5{flex:0 0 20.83333333%;max-width:20.83333333%}.grid-col-6{flex:0 0 25%;max-width:25%}.grid-col-7{flex:0 0 29.16666667%;max-width:29.16666667%}.grid-col-8{flex:0 0 33.33333333%;max-width:33.33333333%}.grid-col-9{flex:0 0 37.5%;max-width:37.5%}.grid-col-10{flex:0 0 41.66666667%;max-width:41.66666667%}.grid-col-11{flex:0 0 45.83333333%;max-width:45.83333333%}.grid-col-12{flex:0 0 50%;max-width:50%}.grid-col-13{flex:0 0 54.16666667%;max-width:54.16666667%}.grid-col-14{flex:0 0 58.33333333%;max-width:58.33333333%}.grid-col-15{flex:0 0 62.5%;max-width:62.5%}.grid-col-16{flex:0 0 66.66666667%;max-width:66.66666667%}.grid-col-17{flex:0 0 70.83333333%;max-width:70.83333333%}.grid-col-18{flex:0 0 75%;max-width:75%}.grid-col-19{flex:0 0 79.16666667%;max-width:79.16666667%}.grid-col-20{flex:0 0 83.33333333%;max-width:83.33333333%}.grid-col-21{flex:0 0 87.5%;max-width:87.5%}.grid-col-22{flex:0 0 91.66666667%;max-width:91.66666667%}.grid-col-23{flex:0 0 95.83333333%;max-width:95.83333333%}.grid-col-24{flex:0 0 100%;max-width:100%}.grid-col-offset-1{margin-left:4.16666667%}.grid-col-offset-2{margin-left:8.33333333%}.grid-col-offset-3{margin-left:12.5%}.grid-col-offset-4{margin-left:16.66666667%}.grid-col-offset-5{margin-left:20.83333333%}.grid-col-offset-6{margin-left:25%}.grid-col-offset-7{margin-left:29.16666667%}.grid-col-offset-8{margin-left:33.33333333%}.grid-col-offset-9{margin-left:37.5%}.grid-col-offset-10{margin-left:41.66666667%}.grid-col-offset-11{margin-left:45.83333333%}.grid-col-offset-12{margin-left:50%}.grid-col-offset-13{margin-left:54.16666667%}.grid-col-offset-14{margin-left:58.33333333%}.grid-col-offset-15{margin-left:62.5%}.grid-col-offset-16{margin-left:66.66666667%}.grid-col-offset-17{margin-left:70.83333333%}.grid-col-offset-18{margin-left:75%}.grid-col-offset-19{margin-left:79.16666667%}.grid-col-offset-20{margin-left:83.33333333%}.grid-col-offset-21{margin-left:87.5%}.grid-col-offset-22{margin-left:91.66666667%}.grid-col-offset-23{margin-left:95.83333333%}.grid-col-order-1{order:1}.grid-col-order-2{order:2}.grid-col-order-3{order:3}.grid-col-order-4{order:4}.grid-col-order-5{order:5}.grid-col-push-1{left:4.16666667%}.grid-col-push-2{left:8.33333333%}.grid-col-push-3{left:12.5%}.grid-col-push-4{left:16.66666667%}.grid-col-push-5{left:20.83333333%}.grid-col-push-6{left:25%}.grid-col-push-7{left:29.16666667%}.grid-col-push-8{left:33.33333333%}.grid-col-push-9{left:37.5%}.grid-col-push-10{left:41.66666667%}.grid-col-push-11{left:45.83333333%}.grid-col-push-12{left:50%}.grid-col-pull-1{right:4.16666667%}.grid-col-pull-2{right:8.33333333%}.grid-col-pull-3{right:12.5%}.grid-col-pull-4{right:16.66666667%}.grid-col-pull-5{right:20.83333333%}.grid-col-pull-6{right:25%}.grid-col-pull-7{right:29.16666667%}.grid-col-pull-8{right:33.33333333%}.grid-col-pull-9{right:37.5%}.grid-col-pull-10{right:41.66666667%}.grid-col-pull-11{right:45.83333333%}.grid-col-pull-12{right:50%}@media (max-width: 575.98px){.grid-xs-1{flex:0 0 4.16666667%;max-width:4.16666667%}.grid-xs-2{flex:0 0 8.33333333%;max-width:8.33333333%}.grid-xs-3{flex:0 0 12.5%;max-width:12.5%}.grid-xs-4{flex:0 0 16.66666667%;max-width:16.66666667%}.grid-xs-5{flex:0 0 20.83333333%;max-width:20.83333333%}.grid-xs-6{flex:0 0 25%;max-width:25%}.grid-xs-7{flex:0 0 29.16666667%;max-width:29.16666667%}.grid-xs-8{flex:0 0 33.33333333%;max-width:33.33333333%}.grid-xs-9{flex:0 0 37.5%;max-width:37.5%}.grid-xs-10{flex:0 0 41.66666667%;max-width:41.66666667%}.grid-xs-11{flex:0 0 45.83333333%;max-width:45.83333333%}.grid-xs-12{flex:0 0 50%;max-width:50%}.grid-xs-13{flex:0 0 54.16666667%;max-width:54.16666667%}.grid-xs-14{flex:0 0 58.33333333%;max-width:58.33333333%}.grid-xs-15{flex:0 0 62.5%;max-width:62.5%}.grid-xs-16{flex:0 0 66.66666667%;max-width:66.66666667%}.grid-xs-17{flex:0 0 70.83333333%;max-width:70.83333333%}.grid-xs-18{flex:0 0 75%;max-width:75%}.grid-xs-19{flex:0 0 79.16666667%;max-width:79.16666667%}.grid-xs-20{flex:0 0 83.33333333%;max-width:83.33333333%}.grid-xs-21{flex:0 0 87.5%;max-width:87.5%}.grid-xs-22{flex:0 0 91.66666667%;max-width:91.66666667%}.grid-xs-23{flex:0 0 95.83333333%;max-width:95.83333333%}.grid-xs-24{flex:0 0 100%;max-width:100%}.grid-xs-offset-1{margin-left:4.16666667%}.grid-xs-offset-2{margin-left:8.33333333%}.grid-xs-offset-3{margin-left:12.5%}.grid-xs-offset-4{margin-left:16.66666667%}.grid-xs-offset-5{margin-left:20.83333333%}.grid-xs-offset-6{margin-left:25%}.grid-xs-offset-7{margin-left:29.16666667%}.grid-xs-offset-8{margin-left:33.33333333%}.grid-xs-offset-9{margin-left:37.5%}.grid-xs-offset-10{margin-left:41.66666667%}.grid-xs-offset-11{margin-left:45.83333333%}.grid-xs-offset-12{margin-left:50%}}@media (min-width: 576px){.grid-sm-1{flex:0 0 4.16666667%;max-width:4.16666667%}.grid-sm-2{flex:0 0 8.33333333%;max-width:8.33333333%}.grid-sm-3{flex:0 0 12.5%;max-width:12.5%}.grid-sm-4{flex:0 0 16.66666667%;max-width:16.66666667%}.grid-sm-5{flex:0 0 20.83333333%;max-width:20.83333333%}.grid-sm-6{flex:0 0 25%;max-width:25%}.grid-sm-7{flex:0 0 29.16666667%;max-width:29.16666667%}.grid-sm-8{flex:0 0 33.33333333%;max-width:33.33333333%}.grid-sm-9{flex:0 0 37.5%;max-width:37.5%}.grid-sm-10{flex:0 0 41.66666667%;max-width:41.66666667%}.grid-sm-11{flex:0 0 45.83333333%;max-width:45.83333333%}.grid-sm-12{flex:0 0 50%;max-width:50%}.grid-sm-13{flex:0 0 54.16666667%;max-width:54.16666667%}.grid-sm-14{flex:0 0 58.33333333%;max-width:58.33333333%}.grid-sm-15{flex:0 0 62.5%;max-width:62.5%}.grid-sm-16{flex:0 0 66.66666667%;max-width:66.66666667%}.grid-sm-17{flex:0 0 70.83333333%;max-width:70.83333333%}.grid-sm-18{flex:0 0 75%;max-width:75%}.grid-sm-19{flex:0 0 79.16666667%;max-width:79.16666667%}.grid-sm-20{flex:0 0 83.33333333%;max-width:83.33333333%}.grid-sm-21{flex:0 0 87.5%;max-width:87.5%}.grid-sm-22{flex:0 0 91.66666667%;max-width:91.66666667%}.grid-sm-23{flex:0 0 95.83333333%;max-width:95.83333333%}.grid-sm-24{flex:0 0 100%;max-width:100%}.grid-sm-offset-1{margin-left:4.16666667%}.grid-sm-offset-2{margin-left:8.33333333%}.grid-sm-offset-3{margin-left:12.5%}.grid-sm-offset-4{margin-left:16.66666667%}.grid-sm-offset-5{margin-left:20.83333333%}.grid-sm-offset-6{margin-left:25%}.grid-sm-offset-7{margin-left:29.16666667%}.grid-sm-offset-8{margin-left:33.33333333%}.grid-sm-offset-9{margin-left:37.5%}.grid-sm-offset-10{margin-left:41.66666667%}.grid-sm-offset-11{margin-left:45.83333333%}.grid-sm-offset-12{margin-left:50%}}@media (min-width: 768px){.grid-md-1{flex:0 0 4.16666667%;max-width:4.16666667%}.grid-md-2{flex:0 0 8.33333333%;max-width:8.33333333%}.grid-md-3{flex:0 0 12.5%;max-width:12.5%}.grid-md-4{flex:0 0 16.66666667%;max-width:16.66666667%}.grid-md-5{flex:0 0 20.83333333%;max-width:20.83333333%}.grid-md-6{flex:0 0 25%;max-width:25%}.grid-md-7{flex:0 0 29.16666667%;max-width:29.16666667%}.grid-md-8{flex:0 0 33.33333333%;max-width:33.33333333%}.grid-md-9{flex:0 0 37.5%;max-width:37.5%}.grid-md-10{flex:0 0 41.66666667%;max-width:41.66666667%}.grid-md-11{flex:0 0 45.83333333%;max-width:45.83333333%}.grid-md-12{flex:0 0 50%;max-width:50%}.grid-md-13{flex:0 0 54.16666667%;max-width:54.16666667%}.grid-md-14{flex:0 0 58.33333333%;max-width:58.33333333%}.grid-md-15{flex:0 0 62.5%;max-width:62.5%}.grid-md-16{flex:0 0 66.66666667%;max-width:66.66666667%}.grid-md-17{flex:0 0 70.83333333%;max-width:70.83333333%}.grid-md-18{flex:0 0 75%;max-width:75%}.grid-md-19{flex:0 0 79.16666667%;max-width:79.16666667%}.grid-md-20{flex:0 0 83.33333333%;max-width:83.33333333%}.grid-md-21{flex:0 0 87.5%;max-width:87.5%}.grid-md-22{flex:0 0 91.66666667%;max-width:91.66666667%}.grid-md-23{flex:0 0 95.83333333%;max-width:95.83333333%}.grid-md-24{flex:0 0 100%;max-width:100%}.grid-md-offset-1{margin-left:4.16666667%}.grid-md-offset-2{margin-left:8.33333333%}.grid-md-offset-3{margin-left:12.5%}.grid-md-offset-4{margin-left:16.66666667%}.grid-md-offset-5{margin-left:20.83333333%}.grid-md-offset-6{margin-left:25%}.grid-md-offset-7{margin-left:29.16666667%}.grid-md-offset-8{margin-left:33.33333333%}.grid-md-offset-9{margin-left:37.5%}.grid-md-offset-10{margin-left:41.66666667%}.grid-md-offset-11{margin-left:45.83333333%}.grid-md-offset-12{margin-left:50%}}@media (min-width: 992px){.grid-lg-1{flex:0 0 4.16666667%;max-width:4.16666667%}.grid-lg-2{flex:0 0 8.33333333%;max-width:8.33333333%}.grid-lg-3{flex:0 0 12.5%;max-width:12.5%}.grid-lg-4{flex:0 0 16.66666667%;max-width:16.66666667%}.grid-lg-5{flex:0 0 20.83333333%;max-width:20.83333333%}.grid-lg-6{flex:0 0 25%;max-width:25%}.grid-lg-7{flex:0 0 29.16666667%;max-width:29.16666667%}.grid-lg-8{flex:0 0 33.33333333%;max-width:33.33333333%}.grid-lg-9{flex:0 0 37.5%;max-width:37.5%}.grid-lg-10{flex:0 0 41.66666667%;max-width:41.66666667%}.grid-lg-11{flex:0 0 45.83333333%;max-width:45.83333333%}.grid-lg-12{flex:0 0 50%;max-width:50%}.grid-lg-13{flex:0 0 54.16666667%;max-width:54.16666667%}.grid-lg-14{flex:0 0 58.33333333%;max-width:58.33333333%}.grid-lg-15{flex:0 0 62.5%;max-width:62.5%}.grid-lg-16{flex:0 0 66.66666667%;max-width:66.66666667%}.grid-lg-17{flex:0 0 70.83333333%;max-width:70.83333333%}.grid-lg-18{flex:0 0 75%;max-width:75%}.grid-lg-19{flex:0 0 79.16666667%;max-width:79.16666667%}.grid-lg-20{flex:0 0 83.33333333%;max-width:83.33333333%}.grid-lg-21{flex:0 0 87.5%;max-width:87.5%}.grid-lg-22{flex:0 0 91.66666667%;max-width:91.66666667%}.grid-lg-23{flex:0 0 95.83333333%;max-width:95.83333333%}.grid-lg-24{flex:0 0 100%;max-width:100%}.grid-lg-offset-1{margin-left:4.16666667%}.grid-lg-offset-2{margin-left:8.33333333%}.grid-lg-offset-3{margin-left:12.5%}.grid-lg-offset-4{margin-left:16.66666667%}.grid-lg-offset-5{margin-left:20.83333333%}.grid-lg-offset-6{margin-left:25%}.grid-lg-offset-7{margin-left:29.16666667%}.grid-lg-offset-8{margin-left:33.33333333%}.grid-lg-offset-9{margin-left:37.5%}.grid-lg-offset-10{margin-left:41.66666667%}.grid-lg-offset-11{margin-left:45.83333333%}.grid-lg-offset-12{margin-left:50%}}@media (min-width: 1200px){.grid-xl-1{flex:0 0 4.16666667%;max-width:4.16666667%}.grid-xl-2{flex:0 0 8.33333333%;max-width:8.33333333%}.grid-xl-3{flex:0 0 12.5%;max-width:12.5%}.grid-xl-4{flex:0 0 16.66666667%;max-width:16.66666667%}.grid-xl-5{flex:0 0 20.83333333%;max-width:20.83333333%}.grid-xl-6{flex:0 0 25%;max-width:25%}.grid-xl-7{flex:0 0 29.16666667%;max-width:29.16666667%}.grid-xl-8{flex:0 0 33.33333333%;max-width:33.33333333%}.grid-xl-9{flex:0 0 37.5%;max-width:37.5%}.grid-xl-10{flex:0 0 41.66666667%;max-width:41.66666667%}.grid-xl-11{flex:0 0 45.83333333%;max-width:45.83333333%}.grid-xl-12{flex:0 0 50%;max-width:50%}.grid-xl-13{flex:0 0 54.16666667%;max-width:54.16666667%}.grid-xl-14{flex:0 0 58.33333333%;max-width:58.33333333%}.grid-xl-15{flex:0 0 62.5%;max-width:62.5%}.grid-xl-16{flex:0 0 66.66666667%;max-width:66.66666667%}.grid-xl-17{flex:0 0 70.83333333%;max-width:70.83333333%}.grid-xl-18{flex:0 0 75%;max-width:75%}.grid-xl-19{flex:0 0 79.16666667%;max-width:79.16666667%}.grid-xl-20{flex:0 0 83.33333333%;max-width:83.33333333%}.grid-xl-21{flex:0 0 87.5%;max-width:87.5%}.grid-xl-22{flex:0 0 91.66666667%;max-width:91.66666667%}.grid-xl-23{flex:0 0 95.83333333%;max-width:95.83333333%}.grid-xl-24{flex:0 0 100%;max-width:100%}.grid-xl-offset-1{margin-left:4.16666667%}.grid-xl-offset-2{margin-left:8.33333333%}.grid-xl-offset-3{margin-left:12.5%}.grid-xl-offset-4{margin-left:16.66666667%}.grid-xl-offset-5{margin-left:20.83333333%}.grid-xl-offset-6{margin-left:25%}.grid-xl-offset-7{margin-left:29.16666667%}.grid-xl-offset-8{margin-left:33.33333333%}.grid-xl-offset-9{margin-left:37.5%}.grid-xl-offset-10{margin-left:41.66666667%}.grid-xl-offset-11{margin-left:45.83333333%}.grid-xl-offset-12{margin-left:50%}}@media (min-width: 1400px){.grid-xxl-1{flex:0 0 4.16666667%;max-width:4.16666667%}.grid-xxl-2{flex:0 0 8.33333333%;max-width:8.33333333%}.grid-xxl-3{flex:0 0 12.5%;max-width:12.5%}.grid-xxl-4{flex:0 0 16.66666667%;max-width:16.66666667%}.grid-xxl-5{flex:0 0 20.83333333%;max-width:20.83333333%}.grid-xxl-6{flex:0 0 25%;max-width:25%}.grid-xxl-7{flex:0 0 29.16666667%;max-width:29.16666667%}.grid-xxl-8{flex:0 0 33.33333333%;max-width:33.33333333%}.grid-xxl-9{flex:0 0 37.5%;max-width:37.5%}.grid-xxl-10{flex:0 0 41.66666667%;max-width:41.66666667%}.grid-xxl-11{flex:0 0 45.83333333%;max-width:45.83333333%}.grid-xxl-12{flex:0 0 50%;max-width:50%}.grid-xxl-13{flex:0 0 54.16666667%;max-width:54.16666667%}.grid-xxl-14{flex:0 0 58.33333333%;max-width:58.33333333%}.grid-xxl-15{flex:0 0 62.5%;max-width:62.5%}.grid-xxl-16{flex:0 0 66.66666667%;max-width:66.66666667%}.grid-xxl-17{flex:0 0 70.83333333%;max-width:70.83333333%}.grid-xxl-18{flex:0 0 75%;max-width:75%}.grid-xxl-19{flex:0 0 79.16666667%;max-width:79.16666667%}.grid-xxl-20{flex:0 0 83.33333333%;max-width:83.33333333%}.grid-xxl-21{flex:0 0 87.5%;max-width:87.5%}.grid-xxl-22{flex:0 0 91.66666667%;max-width:91.66666667%}.grid-xxl-23{flex:0 0 95.83333333%;max-width:95.83333333%}.grid-xxl-24{flex:0 0 100%;max-width:100%}.grid-xxl-offset-1{margin-left:4.16666667%}.grid-xxl-offset-2{margin-left:8.33333333%}.grid-xxl-offset-3{margin-left:12.5%}.grid-xxl-offset-4{margin-left:16.66666667%}.grid-xxl-offset-5{margin-left:20.83333333%}.grid-xxl-offset-6{margin-left:25%}.grid-xxl-offset-7{margin-left:29.16666667%}.grid-xxl-offset-8{margin-left:33.33333333%}.grid-xxl-offset-9{margin-left:37.5%}.grid-xxl-offset-10{margin-left:41.66666667%}.grid-xxl-offset-11{margin-left:45.83333333%}.grid-xxl-offset-12{margin-left:50%}}.product-container{max-width:100%;margin:0 auto;padding:6px}.product-container thead{background:#2a4a78}.product-container thead th{background:#33435e;color:#fff;font-weight:600;padding:12px 16px}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;width:100%;padding:10px 0}.product-header-h6{font-size:1.35rem;font-weight:700;color:#141415;text-align:left;background:linear-gradient(135deg,#27292c,#44444b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 1px 2px rgba(0,0,0,.1);font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #2563eb;padding-bottom:.25rem}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}}.modal-actions{margin-top:20px;display:flex;gap:12px;justify-content:flex-end}.actions-butttons{display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;padding:0}@media (max-width: 480px){.actions-butttons{justify-content:flex-start;gap:6px}.actions-butttons button{flex:none;width:38px;height:38px}}.actions-butttons button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:none;cursor:pointer;font-size:18px;transition:all .3s ease-in-out}.actions-butttons .btn-ghost{background:transparent;color:#093248}.actions-butttons .btn-danger{background:transparent;color:#b91c1c}.actions-butttons .btn:focus,.actions-butttons .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.table-wrapper table{width:100%;min-width:700px;border-collapse:collapse}.my-table th,.my-table td{max-width:6rem;padding:10px 12px;border:1px solid #e0e0e0;white-space:nowrap}@media (max-width: 600px){.table-wrapper{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}.my-table{display:flex;flex-direction:column;min-width:700px}.my-table tr{display:flex;flex-direction:row;width:max-content}.my-table th,.my-table td{flex:0 0 auto;max-width:1rem}}.projectsite-container{padding:6px;-webkit-overflow-scrolling:touch;width:100%;overflow-x:hidden}.projectsite-title{text-align:center;font-size:20px;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #2563eb;padding-bottom:.25rem}.projectsite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.headerpart .projectsite-title{font-size:1.8rem;font-weight:600;color:#5b6071;border-bottom:2px solid #c7d2fe;padding-bottom:.5rem}.projectsite-header h4{font-size:16px;text-align:left}.projectt-action-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-left:-6px}.projectsite-container thead{background:#355dd5}.projectsite-container thead th{background:#33435e;color:#fff;font-weight:600;padding:12px 16px}@media (max-width: 480px){.project-action-buttons{flex-direction:flex;gap:6px;width:100%}.projectt-action-buttons button{width:100%;font-size:14px;padding:8px;min-width:80px}}.projectt-action-buttons{display:flex;gap:2px;align-items:start;justify-content:flex-start}.projectt-action-buttons .btn{display:flex;align-items:start;justify-content:flex-start;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.projectt-action-buttons .btn svg{width:18px;height:18px;margin:auto}.projectt-action-buttons .btn-ghost{background:transparent;color:#203154}.projectt-action-buttons .btn-danger{background:transparent;color:#dc2626}@media (max-width: 480px){.projectt-btn-site{font-size:10px;padding:3px 8px}}.project-table-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;display:block;border-radius:12px;border:1px solid #18191b;background:#fff}.project-table-wrapper table{width:100%;min-width:782px}.project-table-wrapper th,.project-table-wrapper td{padding:8px;text-align:left}@media (max-width: 600px){.project-table-wrapper table,.project-table-wrapper thead,.project-table-wrapper tbody,.project-table-wrapper th,.project-table-wrapper td,.project-table-wrapper tr{display:block;width:100%}.project-table-wrapper thead{display:none}.project-table-wrapper tr{margin-bottom:12px;border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#f9fafb}.project-table-wrapper td{display:flex;justify-content:space-between;align-items:center;padding:8px 6px;text-align:left;font-size:14px;border:none}.project-table-wrapper td:before{content:attr(data-label);font-weight:600;color:#374151;margin-right:10px}}@media (max-width: 768px){.projectsite-form{grid-template-columns:1fr}.projectsite-header{flex-direction:column;align-items:flex-start}.projectsite-footer{justify-content:center}}.projectt-action-buttons .btn:focus,.projectt-action-buttons .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#374151;line-height:1.6}.app{display:flex;min-height:100vh;flex-direction:row}.main-content{flex:1;margin-left:280px}.child-content{padding:var(--content-padding, 16px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:none;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background-color:#10b981;color:#fff}.btn-primary:hover{background-color:#059669}.btn-secondary{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.btn-secondary:hover{background-color:#e5e7eb}.btn-outline{background:transparent;color:#10b981;border:1px solid #10b981;padding:6px 12px;font-size:12px}.btn-start{background-color:#10b981;color:#fff;padding:8px 16px;font-size:12px}.btn-text{background:none;color:#10b981;padding:4px 8px;font-size:14px}@media (min-width: 1200px){.main-content{margin-left:280px}}@media (max-width: 1024px){.app{flex-direction:column}.main-content{margin-left:0;padding:12px}.btn{padding:8px 14px;font-size:13px}}@media (max-width: 768px){.main-content{padding:10px}.btn{padding:6px 12px;font-size:12px}.topbar-right{display:none!important}}@media (max-width: 480px){body{font-size:14px}.main-content{padding:8px}.btn{gap:6px;padding:6px 10px;font-size:11px}}@media (max-width: 320px){body{font-size:13px}.main-content{padding:6px}.btn{padding:4px 8px;font-size:10px;border-radius:6px}}.topbar{background:#fff;border-bottom:1px solid #f3f4f6;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;height:64px}.topbar-left{display:flex;align-items:center;gap:16px;flex:1}.menu-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s ease}.menu-btn:hover{background:#f9fafb;color:#374151}.search-container{max-width:400px;width:100%}.search-box{position:relative;display:flex;align-items:center}.search-box input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;font-size:14px;color:#374151;outline:none;transition:all .2s ease}.search-box input:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811a}.search-icon{position:absolute;left:16px;color:#9ca3af;pointer-events:none;font-size:18px}.search-kbd{position:absolute;right:12px;background:#e5e7eb;color:#6b7280;padding:2px 6px;border-radius:4px;font-size:11px;font-family:monospace;font-weight:500}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-right .user-details,.topbar-right .user-dropdown-arrow{display:none!important}.user-avatar{display:block!important}.icon-button{width:40px;height:40px;border:none;background:#f9fafb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease;position:relative}.icon-button:hover{background:#e5e7eb;color:#374151}.user-profile-container{position:relative}.user-profile{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 6px;border-radius:8px;cursor:pointer;transition:all .2s ease}.user-profile:hover,.user-profile-active{background:#f9fafb}.user-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #f3f4f6}.user-details{display:flex;flex-direction:column;text-align:left}.user-name{font-size:14px;font-weight:500;color:#111827;line-height:1.2;white-space:nowrap}.user-email{font-size:12px;color:#6b7280;line-height:1.2;white-space:nowrap}.user-dropdown-arrow{font-size:18px;color:#9ca3af;transition:transform .2s ease,color .2s ease;margin-left:4px}.user-profile:hover .user-dropdown-arrow{color:#374151}.arrow-up{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:200px;z-index:1000;margin-top:8px;animation:dropdownSlideIn .2s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#374151}.user-menu-item:hover{background:#f9fafb}.user-menu-item:first-child{border-radius:8px 8px 0 0}.user-menu-item:last-child{border-radius:0 0 8px 8px}.logout-item{color:#ef4444}.logout-item:hover{background:#fef2f2;color:#dc2626}.menu-item-icon{font-size:18px;min-width:18px}.user-menu-divider{height:1px;background:#f3f4f6;margin:4px 0}@media (max-width: 1025px){.topbar{padding:16px}.menu-btn{display:block}.search-container{display:none}.user-profile{padding:6px}.user-dropdown{right:-8px;min-width:180px}}@media (max-width: 480px){.topbar{padding:12px}.topbar-right{gap:12px}.icon-button,.user-avatar img{width:36px;height:36px}}@media (max-width: 320px){.topbar{padding:10px;gap:8px}.menu-btn{padding:6px}.search-box input{font-size:12px;padding:10px 14px 10px 36px}.user-avatar img{width:32px;height:32px}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:998;display:none}.sidebar{width:280px;background:#1e293b;position:fixed;top:0;left:0;height:100vh;z-index:999;display:flex;flex-direction:column;border-right:1px solid #ffffff;transform:translate(-100%);transition:transform .3s ease;overflow:hidden;overflow-y:hidden}.sidebar.sidebar-open{transform:translate(0)}.sidebar-header{padding:10px 22px 4px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #585454;flex-shrink:0;position:relative;background-color:#fff}.logo{display:flex;align-items:center;justify-content:center}.logo-image{height:50px;width:auto;max-width:300px;object-fit:contain}.close-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:#fff;border-radius:6px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.close-btn:hover{background:#333;color:#fff}.sidebar-nav{flex:1;padding:0 4px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{width:0;background:transparent}.nav-section{margin-bottom:32px}.nav-title{font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-left:16px}.nav-list{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;justify-content:flex-start;padding:8px 14px;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#fff;font-size:12px}.nav-item-content{display:flex;align-items:center;gap:10px;flex:1}.nav-icon{font-size:14px}.nav-item:hover{background-color:#333;color:#fff}.nav-item.active{background-color:#6081e4;color:#fff}.expand-icon{font-size:18px;transition:transform .2s ease,color .2s ease}.nav-item.active .expand-icon{color:#fff}.nav-item.has-submenu{position:relative}.submenu{list-style:none;padding:0;margin:4px 0 0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:#1e293b;border-radius:0 0 8px 8px}.submenu-expanded{max-height:1000px!important;padding:8px 0!important}.submenu-item{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 32px;cursor:pointer;transition:all .2s ease;color:#fff;font-size:12px;border-radius:6px;margin:2px 12px}.submenu-item.active{background-color:#6081e4;color:#fff}.submenu-item:hover{background-color:#333;color:#fff}.submenu-icon{font-size:14px;min-width:14px;margin-left:-10px}@media (min-width: 769px){.sidebar{transform:translate(0)}}@media (max-width: 1024px){.sidebar-overlay{display:block}.close-btn{display:flex}.sidebar{transform:translate(-100%)}}@media (max-width: 480px){.logo-image{height:40px;max-width:150px}.submenu-item{padding:10px 12px 10px 40px}}.nav-list>.nav-item{display:flex;align-items:center;justify-content:flex-start;padding:12px 16px;margin:2px 0;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#fff;font-size:14px;width:calc(100% - 32px)}.nav-list>.nav-item:hover{background-color:#333}.nav-list>.nav-item.active{background-color:#6081e4}.submenu-item a{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;transition:background .2s ease}.nav-item:hover,.submenu-item a:hover{text-decoration:none}.unit-container{padding:6px}.unit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.unit-header h4{font-size:clamp(16px,2.5vw,18px);text-align:left;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #2563eb;padding-bottom:.25rem}.unit-header button{flex-shrink:0;font-size:clamp(12px,1.5vw,14px);padding:clamp(6px,1vw,12px) clamp(12px,2vw,16px)}@media (max-width: 500px){.unit-header{flex-direction:column;align-items:flex-start;gap:8px}.unit-header button{width:100%}}.units-actions{display:flex;justify-content:flex-start;align-items:center;gap:6px}.units-actions button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent!important;border:none!important;cursor:pointer;transition:color .2s,transform .15s}.units-actions button:hover{transform:scale(1.1)}.units-actions button svg{width:18px;height:18px;pointer-events:none}.units-actions button:nth-child(1){color:#2f3d5b}.units-actions button:nth-child(2){color:#dc2626}.units-actions button:nth-child(2):hover{color:#b91c1c}.units-actions .btn:focus,.units-actions .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper table{width:100%;min-width:320px;border-collapse:collapse}.table-wrapper th,.table-wrapper td{white-space:nowrap;padding:clamp(8px,1vw,12px);text-align:left;font-size:clamp(12px,2vw,14px)}.table-wrapper tr:hover{background-color:#f9fafb}.unit-container thead{background:#33435e}.unit-container thead th{background:#33435e;color:#fff;font-weight:600;padding:12px 16px}.unit-modal-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 400px){.unit-modal-form{grid-template-columns:1fr}}.unit-modal-footer{margin-top:20px;display:flex;gap:12px;justify-content:flex-end}.btn-primary{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:clamp(12px,2vw,16px);padding:clamp(6px,1vw,12px) clamp(12px,2vw,16px)}.btn-primary:hover{background-color:#2563eb}.table-container{background-color:#f9fafc;color:#fff}.table-container table{width:100%;border-collapse:collapse}.table-container th{background-color:#2d3c53;color:#fff;border-bottom:1px solid #ffffff;padding:12px;text-align:left}.product-type-container{padding:6px;background:transparent;border-radius:12px}.product-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.product-type-title{font-size:18px;font-weight:600;color:#33435e}.product-type-action-buttons{display:flex;justify-content:flex-start;align-items:center;gap:6px;padding-left:8px}.product-type-btn-ghost{background:#fff!important;color:#17233f!important;border:1px solid #ffffff!important;border-radius:6px!important;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px!important}.product-type-btn-danger{background:#fff!important;color:#dc2626!important;border-radius:6px!important;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px!important}.product-type-modal-form{margin-bottom:20px}.product-type-modal-footer{display:flex;justify-content:flex-end;gap:12px}@media (max-width: 768px){.product-type-header{flex-direction:column;gap:12px;align-items:flex-start}.product-type-action-buttons{gap:4px}.product-type-modal-footer{flex-direction:column;align-items:stretch}}.ven-container{padding:6px;background:transparent;border-radius:10px}.ven-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ven-header h6{font-size:18px;color:#333;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #1645ac;padding-bottom:.25rem}.ven-actions{display:flex;gap:2px;align-items:start;justify-content:flex-start}.ven-actions button{display:flex;align-items:start;justify-content:flex-start;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.ven-actions .btn:focus,.ven-actions .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.ven-actions .btn-ghost,.ven-footer .btn-ghost{background:transparent;color:#214276}.ven-actions .btn-danger,.ven-contact-item .btn-danger{background:transparent;color:#b00e0e;border:none}.ven-header .btn-primary,.ven-footer .btn-primary{background:#4f46e5;color:transparent;border:none}.ven-header .btn-primary:hover,.ven-footer .btn-primary:hover{background:#4338ca}.ven-contact-section .btn-secondary{background:transparent;color:#0c2762}.ven-contact-section .btn-secondary:hover{background:transparent}.ven-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.ven-contact-section{margin-top:20px}.ven-contact-section h4{font-size:16px;font-weight:600;margin-bottom:10px;color:#444}.ven-contact-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ven-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.app-container{padding:10px;background:transparent;border-radius:10px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.app-header h6{font-size:18px;font-weight:600;color:#333}.app-table-container{margin-top:10px}.app-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:-6px}.app-actions button{display:flex;align-items:start;justify-content:flex-start;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.app-actions .btn-ghost,.app-footer .btn-ghost{background:#fff;color:#28569e}.app-actions .btn-danger{background:#fefefe;color:#b00e0e}.app-header .btn-primary,.app-footer .btn-primary{background:#4f46e5;color:#fff;border:none}.app-footer .btn-secondary{background:#f3f4f6;color:#0c2762}.app-footer .btn-secondary:hover{background:#e5e7eb}.app-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{font-size:14px;font-weight:500;color:#444}.form-field select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#333;transition:border .2s ease}.form-field select:focus{border-color:#4f46e5;outline:none}.app-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-application-container{padding:20px;background-color:#fff;border-radius:10px;width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}.btn-application-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.btn-application-header h4{margin:0;font-size:16px}@media (max-width: 500px){.btn-application-header{flex-direction:column;align-items:flex-start;gap:10px}.btn-application-header button{width:100%}}.btn-actions-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-left:-6px}.btn-actions-container .btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1;outline:none!important;box-shadow:none!important;background-image:none!important}.btn-actions-container .btn svg{width:18px;height:18px;margin:auto}.btn-actions-container .btn:focus,.btn-actions-container .btn:active{outline:none!important;box-shadow:none!important;background:inherit!important}.btn-actions-container .btn-ghost{background:transparent;color:#284073}.btn-actions-container .btn-danger{background:transparent;color:#dc2626}.btn-permission-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-weight:500;font-size:.9rem}.btn-permission-badge.allow{background-color:#d1fae5;color:#16a34a}.btn-permission-badge.deny{background-color:#fee2e2;color:#dc2626}.btn-permission-icon{font-size:16px}.btn-application-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 500px){.btn-application-form{grid-template-columns:1fr}}.btn-form-field label{display:block;margin-bottom:6px;font-weight:500}.btn-form-field input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #d1d5db}.btn-application-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;flex-wrap:wrap}@media (max-width: 480px){.btn-actions-container{flex-direction:column;gap:6px;width:100%}.btn-actions-container button{width:100%;font-size:14px;padding:8px;min-width:80px}}.assign-container{padding:10px;-webkit-overflow-scrolling:touch;width:100%;overflow-x:hidden}.assign-title{margin-bottom:14px;text-align:center;font-size:20px}.assign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.assign-header h6{font-size:16px;text-align:left;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #1b3e8a;padding-bottom:.25rem}.assign-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:-6px}@media (max-width: 480px){.assign-actions{flex-direction:column;gap:6px;width:100%}.assign-actions button{width:100%;font-size:14px;padding:8px;min-width:80px}}.assign-actions{display:flex;gap:2px;align-items:start;justify-content:flex-start}.assign-actions .btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.assign-actions .btn svg{width:18px;height:18px;margin:auto}.assign-actions .btn-ghost{background:transparent;color:#203154}.assign-actions .btn-danger{background:transparent;color:#dc2626}@media (max-width: 768px){.assign-form{grid-template-columns:1fr}.assign-header{flex-direction:column;align-items:flex-start}.assign-footer{justify-content:center}}@media (max-width: 480px){.assign-container{padding:10px}.assign-title{font-size:18px;text-align:left}.assign-header h5{font-size:16px}}@media (min-width: 601px){.assign-title{text-align:left}}.side-drawer__body{padding:22px;flex:1;overflow-y:auto;background:#fff}.side-drawer__field{margin-bottom:20px}.side-drawer__field label{font-size:.95rem;font-weight:500;color:#374151;margin-bottom:6px;display:block}.team-container{padding:10px;background:transparent;border-radius:10px}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.team-header h4{font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #1d3d81;padding-bottom:.25rem}.team-actions{display:flex;gap:2px;align-items:start;justify-content:flex-start}.team-actions button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.team-actions .btn-ghost,.team-footer .btn-ghost{background:transparent;color:#214276}.team-actions .btn-danger{background:transparent;color:#b00e0e}.team-header .btn-primary,.team-footer .btn-primary{background:#453ed1;color:#fff;border:none}.team-header .btn-primary:hover,.team-footer .btn-primary:hover{background:#4338ca}.team-modal-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.team-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.assign-actions .btn:focus,.assign-actions .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.team-actions{position:relative;display:flex;align-items:center;justify-content:center}.action-dropdown-icons{position:absolute;top:50%;transform:translateY(-50%);right:100%;margin-right:8px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1000;display:flex;flex-direction:row;gap:4px;padding:6px}.action-dropdown-icons button{display:flex;align-items:center;justify-content:center;padding:8px;border:none;background:none;cursor:pointer;color:#333;border-radius:4px;transition:all .2s}.action-dropdown-icons button svg{font-size:18px}.action-dropdown-icons button:hover{background-color:#f5f5f5;transform:scale(1.1)}.action-dropdown-icons button.delete-btn{color:#dc3545}.action-dropdown-icons button.delete-btn:hover{background-color:#ffebee}.rawstock-container-main{padding:10px;width:100%;max-width:100%;margin:0 auto;background-color:#f8fafc;min-height:60vh;overflow-x:auto}.rawstock-header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:#fff;border-radius:8px;flex-wrap:wrap;gap:12px}.rawstock-header-main h4{margin:0;font-size:1.3rem;font-weight:600;color:#1e293b}.table-wrapper,.table-wrapper-main{width:100%;overflow:hidden;margin-top:20px}.table-wrapper-main table{width:100%;min-width:900px;border-collapse:collapse}.table-wrapper-main th,.table-wrapper-main td{padding:12px;border-top:1px solid #f3f4f6;font-size:.9rem;color:#4b5563;white-space:nowrap}.table-wrapper table td:last-child,.table-wrapper table th:last-child{min-width:150px;text-align:right}@media (max-width: 600px){.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.my-table{min-width:700px;display:block}}.action-buttons{display:flex;justify-content:flex-start;align-items:center;gap:4px;flex-wrap:nowrap}.action-buttons .btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;border:none;cursor:pointer;transition:.2s;font-size:18px;flex-shrink:0;color:inherit}.action-buttons .btn svg{width:18px;height:18px;fill:currentColor}.action-buttons .btn-ghost{color:#2563eb}.action-buttons .btn-danger{color:#cb2525}.rawstock-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:1rem 0;max-height:60vh;overflow-y:auto}.rawstock-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 0;border-top:1px solid #e2e8f0;margin-top:1rem}@media (max-width: 1024px){.rawstock-header{flex-direction:column;text-align:center}.rawstock-form{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}@media (max-width: 768px){.rawstock-container,.rawstock-header{padding:.75rem}.rawstock-header h4{font-size:1.2rem}.rawstock-form{grid-template-columns:1fr}.rawstock-footer{flex-direction:column-reverse;gap:.5rem}.rawstock-footer button{width:100%}.table-wrapper{margin-bottom:1rem}.action-buttons{gap:4px}}@media (max-width: 500px){.table-wrapper table td:last-child,.table-wrapper table th:last-child{min-width:120px!important}.action-buttons .btn{width:30px;height:30px}.action-buttons .btn svg{width:17px;height:17px}}@media (max-width: 360px){.table-wrapper table td:last-child,.table-wrapper table th:last-child{min-width:130px!important}.action-buttons{gap:2px}.action-buttons .btn{width:26px;height:26px}.action-buttons .btn svg{width:16px;height:16px}}.my-table{width:100%;border-collapse:collapse;background:#fff}.my-table th,.my-table td{padding:10px 12px;border:1px solid #e0e0e0;white-space:nowrap}@media (max-width: 600px){.table-wrapper{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}.my-table{display:flex;flex-direction:column;min-width:700px}.my-table tr{display:flex;flex-direction:row;width:max-content}.my-table th,.my-table td{flex:0 0 auto;min-width:120px}}.equipment-container{padding:6px;width:100%;margin-top:-12px}.equipment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem .75rem;background:#fff;border-radius:10px;flex-wrap:wrap;gap:12px}.equipment-header h4{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}table{width:100%;border-collapse:collapse;min-width:650px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000d}th{background-color:#2b456e;color:#fff;padding:10px;font-size:.9rem;font-weight:600;text-align:left;border-top:1px solid #f3f4f6}td{padding:10px;border-top:1px solid #f3f4f6;font-size:.9rem;color:#2c2f36;text-align:left}td:last-child,th:last-child{text-align:right;white-space:nowrap;min-width:120px}.action-buttonss{display:flex;gap:8px;flex-wrap:wrap;margin-left:-6px}.action-buttonss .btn{display:flex;align-items:start;justify-content:flex-start;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.action-buttonss .btn svg{width:18px;height:18px;margin:auto}.action-buttonss .btn-ghost{background:#fff;color:#273f78}.action-buttonss .btn-danger{background:#fff;color:#d33b3b}.equipment-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:1rem 0;max-height:60vh;overflow-y:auto}.equipment-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media (max-width: 1024px){.equipment-header{flex-direction:column;text-align:center}.equipment-header h4{font-size:1.25rem}}@media (max-width: 768px){.equipment-container{padding:10px}table{min-width:550px}.equipment-form{grid-template-columns:1fr}.equipment-footer{flex-direction:column-reverse}.equipment-footer button{width:100%}}@media (max-width: 500px){table{min-width:450px}.action-buttons .btn{width:32px;height:32px}.action-buttons .btn svg{width:16px;height:16px}}@media (max-width: 360px){table{min-width:400px}.action-buttons{gap:4px}.action-buttons .btn{width:30px;height:30px}.action-buttons .btn svg{width:15px;height:15px}}.damaged-product-container{max-width:98%;margin:40px auto;padding:25px 30px;background:#fff;border-radius:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease}.damaged-product-container:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f9f8f81f}.form-title{text-align:center;font-size:26px;font-weight:700;color:#1f2937;margin-bottom:28px;position:relative}.form-title:after{content:"";width:60px;height:3px;background:#2563eb;display:block;margin:10px auto 0;border-radius:3px}.damaged-product-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:#374151}.form-input{padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;background:#f9fafb;transition:all .25s ease}.form-input:focus{border-color:#2563eb;background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb26}textarea.form-input{min-height:90px;resize:vertical;grid-column:span 2}input[type=file].form-input{padding:6px;background:#fff;border:1px dashed #9ca3af;cursor:pointer}input[type=file].form-input:hover{border-color:#2563eb}.image-preview{grid-column:span 2;text-align:center;background:#f9fafb;border-radius:12px;padding:16px;border:1px solid #e5e7eb}.image-preview p{font-size:14px;font-weight:500;margin-bottom:10px;color:#374151}.image-preview img{width:160px;height:160px;object-fit:cover;border-radius:12px;border:2px solid #e5e7eb;transition:transform .25s ease}.image-preview img:hover{transform:scale(1.05)}.submit-btn{display:flex;justify-content:center;justify-items:center;grid-column:span 2;padding:14px;background:#2563eb;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;max-width:50%}.submit-btn:hover{background:#1e40af;box-shadow:0 4px 12px #2563eb4d}@media (max-width: 768px){.damaged-product-form{grid-template-columns:1fr}textarea.form-input,.submit-btn{grid-column:span 1}}.psmp-main-containero{max-width:1400px;margin:30px auto;padding:24px;background:#f9fafb;border-radius:12px;box-shadow:0 6px 14px #00000014;font-family:Inter,sans-serif}input[type=date]::-webkit-calendar-picker-indicator{filter:none;cursor:pointer;opacity:1}@media (prefers-color-scheme: dark){input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}}.psmp-header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.psmp-title{font-size:1.6rem;font-weight:600;color:#111827;margin:0;padding-bottom:6px;border-bottom:3px solid #2563eb;display:inline-block}.psmp-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;background:#fff;padding:24px;border-radius:10px;border:1px solid #e5e7eb}.psmp-inputs-grid label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:500;color:#374151}.psmp-textarea,.psmp-inputs-grid input,.psmp-inputs-grid select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;font-size:.95rem;transition:all .2s ease}.psmp-textarea:focus,.psmp-inputs-grid input:focus,.psmp-inputs-grid select:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}.psmp-textarea{background-color:#fff!important;color:#000!important;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;width:100%;resize:vertical;font-size:14px;line-height:1.5}.psmp-textarea::placeholder{color:#6b7280}.vmp-main-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif;color:#111827}.vmp-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.vmp-title{font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #2563eb;padding-bottom:.25rem}.vmp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;width:100%}.vmp-contact-section{grid-column:1 / -1;background:#f9fafb;padding:1rem;border:1px solid #e5e7eb;border-radius:.75rem}.vmp-contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.vmp-contact-header h4{margin:0;font-size:1.1rem;font-weight:600;color:#374151}.vmp-contact-item{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;align-items:center;margin-bottom:.75rem;position:relative}.vmp-contact-remove{position:absolute;top:8px;right:-14px;cursor:pointer;font-size:1.2rem;color:#dc2626;font-weight:700;transition:color .2s ease}.vmp-contact-remove:hover{color:#b91c1c}.vmp-submit-panel{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.vmp-submit-btn{min-width:120px}.vmp-error{grid-column:1 / -1;color:#dc2626;font-size:.9rem;margin-top:.5rem}@media (max-width: 768px){.vmp-header-panel{flex-direction:column;align-items:flex-start}.vmp-title{font-size:1.4rem}.vmp-contact-item{grid-template-columns:1fr}.vmp-submit-panel{flex-direction:column-reverse;align-items:stretch}.vmp-submit-btn{width:100%}}@media (max-width: 480px){.vmp-main-container{padding:1rem}.vmp-title{font-size:1.2rem}.vmp-form-grid{grid-template-columns:1fr}}.addproject-main-container{padding:24px;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.addproject-header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.addproject-title{font-size:26px;font-weight:600;color:#2c3e50}.addproject-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px}.addproject-inputs-grid label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:#2c3e50}.addproject-inputs-grid input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border .2s ease}.addproject-inputs-grid input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff26}.react-select__control{border:1px solid #d1d5db!important;border-radius:6px!important;min-height:42px!important;box-shadow:none!important}.react-select__control--is-focused{border-color:#007bff!important;box-shadow:0 0 0 2px #007bff26!important}.react-select__menu{border-radius:6px!important;z-index:100!important}.react-select__option{padding:10px 12px;cursor:pointer}.react-select__option--is-focused{background-color:#f1f5ff!important;color:#2c3e50!important}.react-select__option--is-selected{background-color:#007bff!important;color:#fff!important}.addproject-submit-panel{grid-column:span 2;display:flex;justify-content:flex-end;margin-top:20px}.addproject-submit-btn{padding:10px 20px;background-color:#007bff;color:#fff;font-size:15px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.addproject-submit-btn:hover{background-color:#0056b3;transform:scale(1.03)}.addproject-submit-btn:disabled{background-color:#a1c4ff;cursor:not-allowed}@media (max-width: 768px){.addproject-title{font-size:22px}.addproject-inputs-grid{grid-template-columns:1fr}.addproject-submit-panel{grid-column:span 1;justify-content:center}}.employee-container{padding:4px 10px;width:100%;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.employee-header h6{margin:0;font-size:18px;font-weight:600;color:#1f2937}.table-container{width:100%;border-radius:8px;border:1px solid #e5e7eb;background:#fff;overflow-x:auto}.table-container table{width:100%;border-collapse:collapse;table-layout:auto}.table-container th{padding:10px 12px;font-size:13px;border-bottom:1px solid #f3f4f6;text-align:left;white-space:normal;word-break:break-word;color:#f9fafb}.table-container td{padding:10px 12px;font-size:13px;border-bottom:1px solid #f3f4f6;text-align:left;white-space:normal;word-break:break-word;color:#212223}.table-container th{font-weight:600;color:#fefefe}.action-buttons-wrapper{display:flex;gap:-9px}.btn-icon-edit,.btn-icon-delete,.btn-icon-view{background:none!important;border:none!important;padding:0;margin:0}.btn-icon-edit svg,.btn-icon-delete svg,.btn-icon-view svg{width:20px;height:20px}.btn-icon-edit svg{color:#264876}.btn-icon-delete svg{color:#dc2626}.btn-icon-view svg{color:#16a34a}.btn-icon-edit:hover svg,.btn-icon-delete:hover svg,.btn-icon-view:hover svg{opacity:.8}.employee-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.employee-footer{margin-top:20px;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}@media (max-width: 768px){.employee-form{grid-template-columns:1fr}.employee-header{flex-direction:column;align-items:flex-start;gap:8px}.employee-footer{justify-content:center}}@media (max-width: 480px){.employee-container{padding:6px}.employee-header h6{font-size:16px}.btn-edit-delete{width:28px;height:28px}}.salary-structure-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:3rem;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c}.header-panel .title{font-size:1.8rem;font-weight:600;color:#5b6071;border-bottom:2px solid #283052;padding-bottom:.5rem}.salary-structure-container input,.salary-structure-container select,.salary-structure-container textarea{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.salary-structure-container input:focus,.salary-structure-container select:focus,.salary-structure-container textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563f633}.table-panel table thead tr th{background-color:#2b4369;color:#fff;padding:10px;border-radius:6px 6px 0 0;font-weight:500}.table-panel table thead tr th.span{background-color:#0e0f10}.attendance-container{width:100%;min-height:100vh;background-color:#f9fafb;padding:2rem;display:flex;flex-direction:column;gap:2rem;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#111827}.attendance-title{font-size:1.75rem;font-weight:700;color:#1d4ed8;border-bottom:3px solid #93c5fd;padding-bottom:.3rem;letter-spacing:.3px}.form-gridd2{display:flex;gap:20px;flex-wrap:wrap;background-color:#fff;padding:1rem;border-radius:10px;box-shadow:0 1px 4px #0000000f}.form-groupp6{flex:1;min-width:240px}.form-groupp6 label{display:block;font-weight:600;margin-bottom:8px;color:#374151;font-size:.95rem}.global-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.5rem;background:#fff;border:1px solid #e4e4e7;border-radius:10px;box-shadow:0 4px 10px #0000000d;margin-bottom:1.5rem;transition:all .3s ease}.global-controls:hover{box-shadow:0 6px 14px #00000014}.global-controls label{font-size:.95rem;color:#333;font-weight:500;margin-right:8px;display:flex;align-items:center;gap:.5rem}.global-controls input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.attendance-table{display:flex;flex-direction:column;gap:.6rem;background-color:#fff;padding:1.25rem;border-radius:10px;box-shadow:0 2px 8px #0000000d;border:1px solid #e0e7ff;overflow-x:auto}.attendance-header,.attendance-row{display:grid;grid-template-columns:.8fr 1fr 1.2fr 1.6fr 1fr;gap:.5rem;align-items:center;text-align:left}.attendance-header{font-weight:700;color:#0f14b6;padding-bottom:.6rem;border-bottom:2px solid #272e46;background-color:#f1f5ff;border-radius:6px;padding:.8rem}.attendance-header span{display:flex;align-items:center;gap:.4rem}.attendance-header input[type=checkbox]{width:18px;height:18px;accent-color:#4f71bc;cursor:pointer}.attendance-row{background-color:#f9fafb;border-radius:8px;padding:.6rem;transition:background .2s ease,transform .1s ease;cursor:pointer}.attendance-row input,.attendance-row select{padding:6px 8px;border-radius:6px;border:1px solid #d1d5db;font-size:.9rem;width:100%;transition:border-color .2s ease}.attendance-row input[type=checkbox]{width:18px;height:18px;accent-color:#28884e;cursor:pointer}.attendance-row input:focus,.attendance-row select:focus{outline:none;border-color:#3b7ee2;box-shadow:0 0 0 3px #2563f626}.submit-panel button{background-color:#eb6725;color:#fff;padding:12px 28px;border-radius:10px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #2563f633}.submit-panel button:hover{background-color:#1e40af;box-shadow:0 3px 8px #2563f64d;transform:translateY(-1px)}@media (max-width: 900px){.attendance-header,.attendance-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.attendance-header span{justify-content:flex-start}.global-controls{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.attendance-container{padding:1rem}.form-gridd2{flex-direction:column}.attendance-title{font-size:1.5rem}}.claims-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:3rem;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c}.header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-panel .title{font-size:1.8rem;font-weight:600;color:#5b6071;border-bottom:2px solid #c7d2fe;padding-bottom:.5rem}.header-panel button{font-size:.9rem;padding:8px 16px;border-radius:6px}.inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.claims-container input,.claims-container select{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.claims-container input:focus,.claims-container select:focus{outline:none;border-color:#ebeef3;box-shadow:none}.table-panel{background-color:#fff;border:1px solid #e0e7ff;border-radius:10px;padding:1rem;box-shadow:0 2px 8px #0000000d}.table-panel table thead tr th{background-color:#6d9eec;color:#fff;padding:10px;border-radius:6px 6px 0 0;font-weight:500}.table-panel table tbody tr td{padding:10px;border-bottom:1px solid #e5e7eb}.submit-panel{display:flex;justify-content:flex-end}.submit-panel button{background-color:#8e95a1;color:#fff;padding:12px 28px;border-radius:8px;border:none;font-weight:500;transition:background .3s ease}.submit-panel button:hover{background-color:#c6d3ee}@media (max-width: 640px){.header-panel{flex-direction:column;align-items:flex-start}}.leave-management{background:#f9fafb;padding:10px;border-radius:12px;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.leave-title{font-size:1.6rem;font-weight:700;color:#111827;margin:0}.header-buttons{display:flex;gap:12px}.leave-records{margin-top:16px}.table-wrapper{width:100%;overflow-x:auto;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 2px 6px #0000000d}table{width:100%;border-collapse:collapse;font-size:.95rem}thead{background:#112e55}thead th{background:#1c437a;color:#fff;font-weight:600;padding:12px 16px;text-align:left;border-bottom:2px solid #e2e8f0}tbody tr:nth-child(2n){background:#f9fbff}tbody tr:hover{background:#eef6ff;transition:background .2s ease-in-out}tbody td{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#374151}.empty-state{text-align:center;padding:40px 0;color:#6b7280}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-message{font-size:1.2rem;font-weight:600;margin-bottom:6px}.empty-state-description{font-size:.95rem}.sx-modal-form{padding:0}.sx-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.sx-form-group{display:flex;flex-direction:column;gap:8px}.sx-form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.sx-form-group select,.sx-form-group input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;transition:all .2s ease;outline:none}.sx-form-group select:focus,.sx-form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sx-form-group select:hover,.sx-form-group input:hover{border-color:#9ca3af}.sx-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.react-select__control{min-height:42px;border:1px solid #d1d5db!important;border-radius:6px!important;box-shadow:none!important;transition:all .2s ease!important}.react-select__control:hover{border-color:#9ca3af!important}.react-select__control--is-focused{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.react-select__placeholder{color:#9ca3af;font-size:14px}.react-select__input-container,.react-select__single-value{font-size:14px;color:#374151}.react-select__menu{border-radius:6px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;border:1px solid #e5e7eb!important;z-index:1000!important}.react-select__option{font-size:14px;cursor:pointer!important;padding:10px 12px!important}.react-select__option--is-focused{background-color:#f3f4f6!important}.react-select__option--is-selected{background-color:#3b82f6!important;color:#fff!important}.react-select__indicator-separator{display:none}.react-select__clear-indicator,.react-select__dropdown-indicator{color:#6b7280!important;cursor:pointer!important}.react-select__clear-indicator:hover,.react-select__dropdown-indicator:hover{color:#374151!important}.sx-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.sx-form-group:has(input[name=reason]){grid-column:1 / -1}.status-toggle-container{display:flex;justify-content:flex-start;align-items:center}.status-toggle{display:inline-flex;background-color:#f3f4f6;border-radius:8px;padding:4px;gap:4px}.toggle-option{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;background-color:transparent;color:#6b7280;white-space:nowrap}.toggle-option:hover:not(:disabled){background-color:#e5e7eb;color:#374151}.toggle-option.active{color:#fff;box-shadow:0 1px 3px #0000001a}.toggle-option.active.approved{background-color:#10b981}.toggle-option.active.rejected{background-color:#ef4444}.toggle-option:disabled{cursor:not-allowed;opacity:1}.toggle-icon{font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.status-toggle{flex-direction:column;width:100%}.toggle-option{width:100%;justify-content:center;padding:10px 14px}}@media (max-width: 768px){.header-panel{flex-direction:column;align-items:flex-start}thead th,tbody td{padding:10px;font-size:.85rem}.form-grid{grid-template-columns:1fr;gap:16px}.form-group:has(input[name=reason]){grid-column:1}.form-actions{justify-content:stretch}.form-actions button{width:100%}}@media (max-width: 480px){.form-grid{gap:14px;margin-bottom:20px}.form-group label{font-size:13px}.form-group select,.form-group input{font-size:13px;padding:9px 11px}.form-actions{margin-top:20px;padding-top:16px}}.payslip-container{width:100%;min-height:100vh;padding:2rem;background-color:#f3f6fb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;gap:2rem}.header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.title{font-size:1.8rem;font-weight:600;color:#131313;border-bottom:2px solid #c7d2fe;padding-bottom:.5rem}.form-panel{background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid #e0e7ff}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(3,1fr)}}.submit-panel{margin-top:1rem;display:flex;justify-content:flex-end}.table-panel{background-color:#fff;padding:1rem;border-radius:12px;border:1px solid #e0e7ff;box-shadow:0 2px 8px #0000000d}.empty-state{text-align:center;padding:2rem;color:#6b7280}.empty-icon{font-size:2.5rem;margin-bottom:1rem}.modal-details p{margin-bottom:.5rem}.tmp-main-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:10px;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c}.tmp-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.tmp-title{font-size:1.8rem;font-weight:600;color:#393c46;border-bottom:2px solid #a1afe5;padding-bottom:.5rem}.tmp-header-panel button{font-size:.9rem;padding:8px 16px;border-radius:6px}.tmp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.tmp-form-grid input,.tmp-form-grid select{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.tmp-form-grid input:focus,.tmp-form-grid select:focus{outline:none;border-color:#ebeef3;box-shadow:none}.tmp-submit-panel{display:flex;justify-content:flex-end;gap:12px}.tmp-submit-btn{padding:12px 28px;background-color:#2352b6;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;width:200px}.tmp-submit-btn:hover{background-color:#1e40af}@media (max-width: 640px){.tmp-header-panel{flex-direction:column;align-items:flex-start}.tmp-submit-panel{justify-content:center}}.rmp-main-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:10px;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c}.rmp-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.rmp-title{font-size:1.8rem;font-weight:600;color:#393c46;border-bottom:2px solid #a1afe5;padding-bottom:.5rem}.rmp-header-panel button{font-size:.9rem;padding:8px 16px;border-radius:6px}.rmp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.rmp-form-grid input,.rmp-form-grid select{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.rmp-form-grid input:focus,.rmp-form-grid select:focus{outline:none;border-color:#ebeef3;box-shadow:none}.rmp-submit-panel{display:flex;justify-content:flex-end;gap:12px}.rmp-submit-btn{padding:12px 28px;background-color:#2352b6;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;width:200px}.rmp-submit-btn:hover{background-color:#1e40af}@media (max-width: 640px){.rmp-header-panel{flex-direction:column;align-items:flex-start}.rmp-submit-panel{justify-content:center}}.emp-main-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:10px;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c}.emp-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.emp-title{font-size:1.8rem;font-weight:600;color:#393c46;border-bottom:2px solid #a1afe5;padding-bottom:.5rem}.emp-header-panel button{font-size:.9rem;padding:8px 16px;border-radius:6px}.emp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.emp-form-grid input,.emp-form-grid select{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.emp-form-grid input:focus,.emp-form-grid select:focus{outline:none;border-color:#ebeef3;box-shadow:none}.emp-submit-panel{display:flex;justify-content:flex-end;gap:12px}.emp-submit-btn{padding:12px 28px;background-color:#2352b6;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;width:200px}.emp-submit-btn:hover{background-color:#1e40af}@media (max-width: 640px){.emp-header-panel{flex-direction:column;align-items:flex-start}.emp-submit-panel{justify-content:center}}.empmp-main-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:10px;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c}.empmp-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.empmp-title{font-size:1.8rem;font-weight:600;color:#393c46;border-bottom:2px solid #a1afe5;padding-bottom:.5rem}.empmp-header-panel button{font-size:.9rem;padding:8px 16px;border-radius:6px}.empmp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.empmp-form-grid input,.empmp-form-grid select{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.empmp-form-grid input:focus,.empmp-form-grid select:focus{outline:none;border-color:#2352b6;box-shadow:0 0 0 1px #2352b6}.empmp-submit-panel{display:flex;justify-content:flex-end;gap:12px}.empmp-submit-btn{padding:12px 28px;background-color:#2352b6;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;width:200px}.empmp-submit-btn:hover{background-color:#1e40af}@media (max-width: 640px){.empmp-header-panel{flex-direction:column;align-items:flex-start}.empmp-submit-panel{justify-content:center}}input{padding:10px;border-radius:6px;border:1px solid #ccc;outline:none;font-size:14px;background-color:#fff;color:#111}@media (prefers-color-scheme: light){input{background-color:#fff;color:#111;border-color:#ccc}}@media (prefers-color-scheme: dark){input{background-color:#1e1e1e;color:#f5f5f5;border-color:#444}input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}}.aum-main-container{width:100%;min-height:100vh;background-color:#f3f6fb;padding:10px;display:flex;flex-direction:column;gap:2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#44474c}.aum-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.aum-title{font-size:1.8rem;font-weight:600;color:#393c46;border-bottom:2px solid #a1afe5;padding-bottom:.5rem}.aum-header-panel button{font-size:.9rem;padding:8px 16px;border-radius:6px}.aum-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.aum-form-grid input,.aum-form-grid select{width:100%;border-radius:6px;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;background-color:#fff;transition:all .2s ease-in-out}.aum-form-grid input:focus,.aum-form-grid select:focus{outline:none;border-color:#ebeef3;box-shadow:none}.aum-submit-panel{display:flex;justify-content:flex-end;gap:12px}.aum-submit-btn{padding:12px 28px;background-color:#2352b6;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;width:200px}.aum-submit-btn:hover{background-color:#1e40af}@media (max-width: 640px){.aum-header-panel{flex-direction:column;align-items:flex-start}.aum-submit-panel{justify-content:center}}.project-container{padding:6px;-webkit-overflow-scrolling:touch;width:100%;overflow-x:hidden}.project-title{text-align:center;font-size:20px;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #2563eb;padding-bottom:.25rem}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.headerpart .project-title{font-size:1.8rem;font-weight:600;color:#5b6071;border-bottom:2px solid #c7d2fe;padding-bottom:.5rem}.project-header h4{font-size:16px;text-align:left}.project-action-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-left:-6px}.project-container thead{background:#355dd5}.project-container thead th{background:#33435e;color:#fff;font-weight:600;padding:12px 16px}@media (max-width: 480px){.project-action-buttons{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;margin-left:-6px}.project-action-buttons button{font-size:14px;padding:6px 10px;min-width:auto;width:auto}}.project-action-buttons{display:flex;justify-content:flex-start;gap:2px;align-items:start}.project-action-buttons .btn{display:flex;align-items:start;justify-content:flex-start;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.project-action-buttons .btn svg{width:18px;height:18px;margin:auto}.project-action-buttons .btn-ghost{background:transparent;color:#203154}.project-action-buttons .btn-danger{background:transparent;color:#dc2626}@media (max-width: 480px){.project-btn-site{font-size:10px;padding:3px 8px}}.project-table-wrapper{width:100%;overflow-x:hidden;overflow-y:hidden;-webkit-overflow-scrolling:touch;display:block;border-radius:12px;border:1px solid #18191b;background:#fff}.project-table-wrapper table{width:100%;min-width:782px;border-collapse:collapse;table-layout:fixed}.project-table-wrapper th,.project-table-wrapper td{padding:8px;text-align:left;word-wrap:break-word;word-break:break-word;white-space:normal;vertical-align:top}@media (max-width: 768px){.project-table-wrapper{overflow-x:auto}}@media (max-width: 360px){.project-table-wrapper table{min-width:500px}.project-table-wrapper th,.project-table-wrapper td{font-size:12px;padding:6px}}.projectsite-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.projectsite-footer{margin-top:20px;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}@media (max-width: 768px){.project-form{grid-template-columns:1fr}.projectsite-header{flex-direction:column;align-items:flex-start}.projectsite-footer{justify-content:center}}@media (max-width: 480px){.projectsite-container{padding:10px}.projectsite-title{font-size:18px;text-align:left}.projectsite-header h4{font-size:16px}}@media (min-width: 601px){.projectsite-title{text-align:left}}.project-table-wrapper::-webkit-scrollbar{height:6px}.project-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6}.project-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.project-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.pg-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000059;display:none;justify-content:flex-end;align-items:stretch;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .3s ease-in-out}.pg-drawer-overlay.pg-open{display:flex}.pg-drawer{position:fixed;top:0;right:0;width:350px;max-width:90%;height:100%;background:#f5f4f4;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);border-radius:12px 0 0 12px;overflow:hidden;z-index:1000}.pg-drawer.pg-open{transform:translate(0)}.pg-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:#f9fafb}.pg-drawer-close-icon{font-size:24px;cursor:pointer;color:#47494c;transition:color .3s,transform .2s}.pg-drawer-close-icon:hover{color:#ef4444;transform:scale(1.1)}.pg-drawer-body{padding:20px 24px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.pg-drawer-body::-webkit-scrollbar{width:6px}.pg-drawer-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.pg-form-group{margin-bottom:16px;display:flex;flex-direction:column}.pg-form-group label{font-size:14px;font-weight:500;margin-bottom:6px;color:#374151}.pg-form-group input{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border .2s,box-shadow .2s}.pg-form-group input:focus{border-color:#306ed0;box-shadow:0 0 0 2px #3b82f633;outline:none}.text-area{background-color:#fff!important;color:#000;border:1px solid #ccc;padding:8px;border-radius:6px;outline:none}.text-area::placeholder{color:#555}.pg-drawer-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #171616}.pg-drawer-footer button{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.pg-drawer-footer button.primary{background-color:#3b82f6;color:#fff}.pg-drawer-footer button.primary:hover{background-color:#0947cb}.pg-drawer-footer button.ghost{background-color:#767779;color:#374151}.pg-drawer-footer button.ghost:hover{background-color:#374053}.project-action-buttons .btn:focus,.project-action-buttons .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.ppm-main-containero{max-width:1400px;margin:30px auto;padding:24px;background:#f9fafb;border-radius:12px;box-shadow:0 6px 14px #00000014;font-family:Inter,sans-serif}.ppm-header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.ppm-title{font-size:1.6rem;font-weight:600;color:#111827;margin:0;padding-bottom:6px;border-bottom:3px solid #2563eb;display:inline-block}.ppm-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;background:#fff;padding:24px;border-radius:10px;border:1px solid #e5e7eb}.ppm-inputs-grid label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:500;color:#374151}.ppm-textarea,.ppm-inputs-grid input,.ppm-inputs-grid select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;font-size:.95rem;transition:all .2s ease}.ppm-textarea:focus,.ppm-inputs-grid input:focus,.ppm-inputs-grid select:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb26}.react-select__control{border-radius:8px!important;border:1px solid #d1d5db!important;background:#f9fafb!important;min-height:42px!important}.react-select__control--is-focused{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb26!important;background:#fff!important}.react-select__menu{border-radius:8px!important;font-size:.9rem}.psmp-submit-panel{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:12px}.psmp-submit-panel button{padding:10px 22px;font-size:1rem;border-radius:8px;font-weight:600}.product-containerr{max-width:1200px;margin:20px auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.product-header-h6{font-size:20px;font-weight:600;margin-bottom:20px;text-align:center;color:#333}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-grid input,.form-grid .react-select__control{width:100%;padding:10px 14px;font-size:14px;border-radius:10px;border:1px solid #dcdcdc;transition:all .2s ease-in-out;background:#fafafa}.form-grid input:focus,.form-grid .react-select__control--is-focused{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533;background:#fff}.react-select__single-value{color:#333;font-weight:500}.react-select__placeholder{color:#888;font-size:14px}.modal-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.modal-actions button{min-width:100px;padding:10px 16px;font-size:14px;border-radius:10px;cursor:pointer;transition:all .2s ease-in-out}.modal-actions button[variant=primary]{background:#4f46e5;color:#fff;border:none}.modal-actions button[variant=primary]:hover{background:#4338ca}.modal-actions button[variant=ghost]{background:transparent;color:#555;border:1px solid #dcdcdc}.modal-actions button[variant=ghost]:hover{background:#f3f3f3}.vendor-view-container{max-width:1200px;margin:0 auto;padding:20px}.vendor-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.vendor-view-loading,.vendor-view-error{text-align:center;font-size:1.1rem;color:#374151}.vendor-card{background:#fff;border-radius:16px;padding:28px;margin-bottom:40px;box-shadow:0 4px 16px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.vendor-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.vendor-info-item{display:flex;align-items:center;background:#f9fafb;border-radius:12px;padding:14px 16px;transition:background .2s ease,transform .2s ease}.vendor-info-item:hover{background:#eef2ff;transform:translateY(-2px)}.vendor-icon{color:#4893de;font-size:1.7rem;margin-right:14px;flex-shrink:0}.vendor-label{display:block;font-size:.75rem;font-weight:500;color:#616772;margin-bottom:3px;text-transform:uppercase;letter-spacing:.2px}.vendor-value{font-size:1rem;color:#374151;font-weight:500;word-break:break-word}.contact-section h3{font-size:1.3rem;margin-bottom:16px;color:#1e293b}@media (max-width: 600px){.vendor-card{padding:20px}.vendor-icon{font-size:1.5rem}}.vmp-main-container{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:#f9fafb;min-height:100vh;box-sizing:border-box}.vmp-header-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.vmp-title{font-size:1.8rem;font-weight:600;color:#111827;margin:0}.vmp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}.vmp-submit-panel{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.8rem;margin-top:.5rem}.vmp-error{grid-column:1 / -1;color:#b91c1c;font-size:.9rem;margin-top:.5rem}.vmp-contact-section{background:#fff;border-radius:.75rem;padding:1.2rem;box-shadow:0 2px 6px #0000000f}.vmp-contact-section h3{font-size:1.25rem;font-weight:600;color:#1f2937}.table-container{overflow-x:auto;border-radius:.5rem;border:1px solid #e5e7eb}.table-container table{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff}.table-container th,.table-container td{padding:.75rem;border-bottom:1px solid #f1f1f1;text-align:left}.table-container th{background:#213a6c;font-weight:600;color:#f9fafa}.table-container tr:hover td{background:#f9fafb}.table-container input{width:100%;padding:.45rem .6rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;outline:none;transition:border .2s}.table-container input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}button{cursor:pointer}@media (max-width: 768px){.vmp-header-panel{flex-direction:column;align-items:flex-start}.vmp-form-grid{grid-template-columns:1fr}.vmp-submit-panel{justify-content:center}.vmp-contact-section{padding:1rem}}.table-containerer .btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .7rem;font-size:.85rem;font-weight:500;border-radius:.4rem;border:none;cursor:pointer;transition:all .2s ease}.table-containerer .btn-primary{background-color:transparent;color:#130f4e}.table-containerer .btn-primary:hover{background-color:transparent}.table-containerer .btn-secondary{background-color:transparent;color:#14366d}.table-containerer .btn-secondary:hover{background-color:transparent}.table-containerer .btn-ghost{background-color:transparent;color:#f4071b}.table-containerer .btn-ghost:hover{background-color:#f3f4f6}.table-containerer .btn-danger{background-color:transparent;color:#f30808}.table-containerer .btn-danger:hover{background-color:transparent}.table-containerer .btn:disabled{opacity:.6;cursor:not-allowed}.employee-view-container{max-width:1200px;margin:0 auto;padding:20px}.employee-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.employee-view-loading{text-align:center;font-size:1.1rem;color:#374151}.employee-card{background:#fff;border-radius:16px;padding:28px;margin-bottom:40px;box-shadow:0 4px 16px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.employee-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.employee-info-item{display:flex;align-items:center;background:#f9fafb;border-radius:12px;padding:14px 16px;transition:background .2s ease,transform .2s ease}.employee-info-item:hover{background:#eef2ff;transform:translateY(-2px)}.employee-icon{color:#4893de;font-size:1.7rem;margin-right:14px;flex-shrink:0}.employee-label{display:block;font-size:.75rem;font-weight:500;color:#616772;margin-bottom:3px;text-transform:uppercase;letter-spacing:.2px}.employee-value{font-size:1rem;color:#374151;font-weight:500;word-break:break-word}@media (max-width: 600px){.employee-card{padding:20px}.employee-icon{font-size:1.5rem}}.bom-container{width:100%;padding:16px;font-family:Segoe UI,Arial,sans-serif;background:#f9f9f9;min-height:100vh}.topbar1{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 16px;border-radius:8px}.topbar1 h2{font-size:20px;margin:0}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-right input{padding:6px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.bom-title{display:flex;align-items:center;padding:12px 16px;gap:6px;margin:18px 0;font-size:18px;font-weight:600}.icon.edit{cursor:pointer;color:#1976d2;font-size:20px}.panels.two-column{display:flex;gap:20px;margin-top:16px}.left-panel{flex:1;padding:12px;border-radius:10px;background:#fff}.right-panel{flex:1;padding:18px;border-radius:10px;background:#fff}.bom-step-card{display:flex;align-items:center;background:#fafafa;border:1px solid #e0e0e0;padding:12px;margin-bottom:10px;border-radius:8px;transition:background .2s ease}.bom-step-card:hover{background:#f0f7ff}.drag-handle{display:column;cursor:grab;margin-right:10px;font-size:20px;color:#666}.step-content4 h4{margin:0;font-size:16px;font-weight:600}.step-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.icon-btn{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:4px 8px;font-size:20px;border-radius:18px;cursor:pointer;transition:all .2s ease;background:transparent}.icon-btn.add,.icon-btn.edit{color:#1976d2}.icon-btn.delete{color:red}.icon-btn.add{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:18px}.icon-btn.add svg:nth-child(2){color:green}.icon-btn.add svg:nth-child(1){color:#1976d2}.form-group{margin-bottom:14px}.form-group label{font-weight:500;display:block;margin-bottom:6px;font-size:10px}.form-group input,.form-group select{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.material-input-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.material-input-row select{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;max-width:65%}.material-input-row input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;max-width:40%}.btn-primary{background:#1976d2;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease;max-width:80%}.btn-primary:hover{background:#125aa3}.btn-secondary{background:#eee;color:#333;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;max-width:40%}.submit-btn{margin-top:16px;width:100%}.materials-section{display:flex;flex-direction:column;gap:16px}.materials-table{width:10%;border-collapse:collapse;border-radius:6px;overflow:hidden}.materials-table th{border:1px solid #131313;padding:10px;text-align:left;font-size:14px}.materials-table td{border:1px solid #ddd;padding:10px;text-align:left;font-size:14px}.materials-table th{background:#39418c;color:#fff;font-weight:400}.materials-table td .icon{cursor:pointer}.materials-table td .icon.delete{color:red}@media (max-width: 900px){.panels.two-column{flex-direction:column}.left-panel,.right-panel{max-width:100%}}@media (max-width: 480px){.topbar1{flex-direction:column;align-items:flex-start;gap:10px}.step-actions{flex-wrap:wrap;gap:6px}.btn-primary,.btn-secondary{width:100%}}.button{display:flex;gap:29rem;justify-content:center;align-items:center;margin-top:1.5rem}.button button{padding:.6rem 1.4rem;border-radius:8px;border:none;font-size:20px;font-weight:600;cursor:pointer;transition:all .25s ease}.button button.btn-primary,.button button[variant=primary]{background:#2a6085;color:#fff}.button button.btn-primary:hover,.button button[variant=primary]:hover{background:#3a9ddd;transform:translateY(-2px)}.button button.btn-primary:active,.button button[variant=primary]:active{transform:translateY(0)}.button button.btn-secondary,.button button[variant=secondary]{background:#e0e0e0;color:#333}.button button.btn-secondary:hover,.button button[variant=secondary]:hover{background:#d5d5d5;transform:translateY(-2px)}.button button.btn-secondary:active,.button button[variant=secondary]:active{transform:translateY(0)}@media (max-width: 480px){.button{flex-direction:column;gap:.8rem}.button button{width:100%}}.drag-handle{cursor:grab;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px}.drag-handle .line{width:20px;height:3px;background:#666;border-radius:2px}:root{--jira-blue-primary: #0052cc;--jira-blue-hover: #0747a6;--jira-blue-light: #deebff;--jira-blue-lighter: #f4f5f7;--jira-text-primary: #172b4d;--jira-text-secondary: #5e6c84;--jira-text-tertiary: #6b778c;--jira-border-color: #dfe1e6;--jira-background-primary: #ffffff;--jira-background-secondary: #f4f5f7;--jira-background-tertiary: #fafbfc;--jira-success-bg: #e3fcef;--jira-success-text: #006644;--jira-success-dot: #00875a;--jira-success-dot2: #ecc730;--jira-warning-bg: #fffae6;--jira-warning-text: #ff8b00;--jira-warning-dot: #ff8b00;--jira-danger-bg: #ffebe6;--jira-danger-text: #bf2600;--jira-danger-dot: #de350b;--jira-neutral-bg: #f4f5f7;--jira-neutral-text: #42526e;--jira-neutral-dot: #6b778c;--jira-info-bg: #deebff;--jira-info-text: #0052cc;--jira-info-dot: #0052cc}*{box-sizing:border-box}.bom-page{min-height:100vh;background-color:var(--jira-background-tertiary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bom-header{background-color:var(--jira-background-primary);border-bottom:2px solid var(--jira-border-color);padding:20px 24px;position:sticky;top:0;z-index:100;box-shadow:0 1px 1px #091e4240}.header-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center}.header-title{display:flex;align-items:center;gap:12px}.header-icon{width:24px;height:24px;color:var(--jira-blue-primary)}.header-title h1{margin:0;font-size:24px;font-weight:500;color:var(--jira-text-primary);letter-spacing:-.01em}.create-btn{background-color:var(--jira-blue-primary);color:#fff;border:none;padding:8px 16px;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;text-align:center;display:flex;align-items:center;gap:6px;justify-content:center}.create-btn:hover{background-color:var(--jira-blue-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0052cc33}.create-btn:active{transform:translateY(0)}.create-btn:focus{outline:2px solid #4c9aff;outline-offset:2px}.bom-main{max-width:1280px;margin:0 auto;padding:32px 24px}.bom-container{background-color:var(--jira-background-primary);border-radius:3px;border:1px solid var(--jira-border-color);overflow:hidden;box-shadow:0 1px 1px #091e4214}.table-header{background-color:var(--jira-background-secondary);border-bottom:2px solid var(--jira-border-color);padding:0}.header-grid{display:grid;grid-template-columns:56px 2fr 140px 120px 180px 140px;gap:0;align-items:center;min-height:44px}.header-grid>div{padding:12px 8px;font-size:12px;font-weight:600;color:var(--jira-text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;transition:all .2s ease}.status-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:6px;flex-shrink:0}.status-to-do{background-color:var(--jira-neutral-bg);color:var(--jira-neutral-text)}.status-to-do .status-dot{background-color:var(--jira-neutral-dot)}.status-in-progress{background-color:var(--jira-blue-light);color:var(--jira-blue-primary)}.status-in-progress .status-dot{background-color:var(--jira-blue-primary)}.status-done{background-color:var(--jira-success-bg);color:var(--jira-success-text)}.status-done .status-dot{background-color:var(--jira-success-dot)}.status-info{background-color:var(--jira-info-bg);color:var(--jira-info-text)}.status-info .status-dot{background-color:var(--jira-info-dot)}.item-count-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;background-color:#f4f5f7;color:var(--jira-text-secondary);border:1px solid var(--jira-border-color);white-space:nowrap;transition:all .2s ease}.item-count-badge:hover{background-color:#ebecf0;border-color:#c1c7d0}.creator-info{display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4c9aff 0%,var(--jira-blue-primary) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;flex-shrink:0;text-transform:uppercase;box-shadow:0 2px 4px #0052cc33;transition:all .2s ease}.avatar:hover{transform:scale(1.1);box-shadow:0 4px 8px #0052cc4d}.creator-name{font-size:13px;color:var(--jira-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.actions-menu{position:relative;display:flex;justify-content:center;align-items:center}.dots-btn{background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:3px;color:var(--jira-text-tertiary)}.dots-btn:hover{background:#ebecf0;color:var(--jira-text-primary)}.dropdown-menu{position:absolute;top:32px;right:0;background:#fff;box-shadow:0 4px 12px #091e4226,0 0 1px #091e424f;border-radius:3px;z-index:10;display:flex;flex-direction:column;min-width:120px;padding:4px 0;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:transparent;border:none;padding:10px 14px;text-align:left;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s ease;color:var(--jira-text-primary);font-weight:500}.dropdown-item:hover{background:#f4f5f7}.dropdown-item.edit{color:var(--jira-blue-primary)}.dropdown-item.delete{color:var(--jira-danger-text)}.bom-steps{background-color:#fafbfc;border-top:1px solid var(--jira-border-color);animation:slideDown .3s ease-out;padding:8px 0}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.bom-step{background-color:var(--jira-background-primary);border-bottom:1px solid #e8e9ec;border-left:3px solid transparent;transition:all .2s ease;margin:0 8px 8px;border-radius:3px;overflow:hidden}.bom-step:hover{background-color:#f9fafc;border-left-color:#4c9aff;box-shadow:0 1px 3px #091e4214}.bom-step:last-child{margin-bottom:0}.step-header{display:flex;align-items:center;padding:14px 16px;min-height:52px;cursor:pointer;gap:12px;transition:all .2s ease}.step-header:hover{background-color:#f4f5f7}.step-header .expand-button{flex-shrink:0}.step-header h4{margin:0;font-size:14px;font-weight:600;color:var(--jira-text-primary);flex:1;line-height:1.4}.step-items{font-size:11px;font-weight:700;color:#0052cc;background-color:#deebff;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;transition:all .2s ease}.step-items:hover{background-color:#b3d4ff}.step-materials{background-color:#f9fafc;border-top:1px solid #e8e9ec;padding:12px 16px 12px 48px;animation:slideDown .2s ease-out}.material-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:6px;padding:12px 16px;margin-bottom:8px;box-shadow:0 1px 2px #091e4214;transition:all .2s ease;border-left:3px solid transparent}.material-item:last-child{margin-bottom:0}.material-item:hover{box-shadow:0 2px 6px #091e421f;border-left-color:var(--jira-success-dot);transform:translate(2px)}.material-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.material-dot{width:20px;height:20px;background:linear-gradient(135deg,#c1e4ba,#a8d89f);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dot-inner{width:8px;height:8px;background-color:var(--jira-success-dot);border-radius:50%}.material-dot2{width:20px;height:20px;background:linear-gradient(135deg,#eceab2,#e1eab5);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dot-inner2{width:8px;height:8px;background-color:var(--jira-success-dot2);border-radius:50%}.material-name{font-size:14px;font-weight:500;color:var(--jira-text-primary);display:block;line-height:1.4}.material-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.material-qty{background:linear-gradient(135deg,#e0e7ff,#d0d9ff);color:#3730a3;font-weight:600;border-radius:12px;padding:5px 12px;font-size:12px;white-space:nowrap;transition:all .2s ease}.material-qty:hover{background:linear-gradient(135deg,#d0d9ff,#c0ceff);transform:translateY(-1px)}.material-total{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-weight:600;border-radius:12px;padding:5px 12px;font-size:12px;white-space:nowrap;transition:all .2s ease}.material-total:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);transform:translateY(-1px)}.loading-state{display:flex;justify-content:center;align-items:center;padding:48px 24px;color:var(--jira-text-secondary);font-size:14px;font-style:italic}.loading-text{text-align:center;font-style:italic;color:#64748b;padding:16px;background:#f8fafc;border-radius:6px;font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;padding:48px 24px;color:var(--jira-text-secondary);text-align:center}.no-items-text{text-align:center;font-style:italic;color:#94a3b8;padding:16px;background:#f8fafc;border-radius:6px;font-size:13px}.bom-footer{margin-top:24px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--jira-text-tertiary);padding:16px 8px;background-color:var(--jira-background-primary);border-radius:3px;border:1px solid var(--jira-border-color)}.bom-footer span{font-weight:500}@media (max-width: 1024px){.header-grid,.row-grid{grid-template-columns:56px 2fr 120px 100px 140px}.col-actions{display:none}}@media (max-width: 768px){.bom-main{padding:16px}.header-content{padding:0}.header-title h1{font-size:20px}.create-btn{min-width:100px;padding:8px 12px;font-size:13px}.header-grid,.row-grid{grid-template-columns:48px 1fr 100px}.col-status,.col-priority,.col-creator,.col-actions{display:none}.step-materials{padding:12px 16px 12px 24px}.material-item{flex-direction:column;align-items:flex-start;padding:12px 14px;gap:8px}.material-right{justify-content:flex-start;gap:8px;width:100%}.material-qty,.material-total{font-size:11px;padding:4px 10px}.bom-footer{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 480px){.bom-main{padding:12px}.bom-header{padding:16px 12px}.header-title{gap:8px}.header-icon{width:20px;height:20px}.header-title h1{font-size:18px}.create-btn{min-width:80px;padding:6px 10px;font-size:12px}.bom-icon{width:32px;height:32px}.bom-icon .icon{width:16px;height:16px}.title-text{font-size:13px}.title-id{font-size:10px}}.header-grid>div:last-child{border-right:none}.table-body{background-color:var(--jira-background-primary)}.bom-item{border-bottom:1px solid var(--jira-border-color);transition:all .2s ease}.bom-item:last-child{border-bottom:none}.bom-row{transition:all .2s ease;cursor:pointer;border-left:4px solid transparent;position:relative}.bom-row:hover{background-color:#f9fafc;border-left-color:var(--jira-blue-light)}.bom-row.active{background-color:#f4f5f7;border-left-color:var(--jira-blue-primary)}.row-grid{display:grid;grid-template-columns:56px 2fr 140px 120px 180px 140px;gap:0;align-items:center;min-height:64px}.row-grid>div{padding:12px 8px;border-right:1px solid #f4f5f7;display:flex;align-items:center}.row-grid>div:last-child{border-right:none}.col-expand{justify-content:center}.expand-button{padding:6px;border:none;background:transparent;border-radius:3px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.expand-button:hover{background-color:#ebecf0;transform:scale(1.1)}.expand-button:focus{outline:2px solid #4c9aff;outline-offset:2px}.expand-icon{width:16px;height:16px;color:var(--jira-text-tertiary);transition:transform .2s ease}.col-title{padding-left:0!important}.title-content{display:flex;align-items:center;gap:12px;width:100%}.bom-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--jira-blue-light) 0%,#d0e0ff 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.bom-row:hover .bom-icon{transform:scale(1.05);box-shadow:0 2px 8px #0052cc26}.bom-icon .icon{width:18px;height:18px;color:var(--jira-blue-primary)}.title-info{min-width:0;flex:1}.title-text{margin:0;font-size:14px;font-weight:500;color:var(--jira-text-primary);text-decoration:none;display:block;line-height:1.4;transition:color .15s ease}.title-text:hover{color:var(--jira-blue-primary);text-decoration:underline}.title-id{margin:2px 0 0;font-size:11px;color:var(--jira-text-tertiary);line-height:1.2;font-weight:600}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.step-icon{background-color:#f4e98a;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.step-icon .icon{width:18px;height:18px}.notfound-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#89f7fe,#66a6ff);padding:1rem;box-sizing:border-box}.notfound-card{text-align:center;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 25px #00000026;max-width:450px;width:100%}.notfound-image{max-width:100%;height:auto;margin-bottom:1.5rem}.notfound-title{font-size:2rem;font-weight:700;color:#0d6efd;margin-bottom:.5rem}.notfound-text{font-size:1rem;color:#6c757d;margin-bottom:1.5rem}.notfound-btn{font-size:1rem;padding:.75rem 1.5rem;border:2px solid #0d6efd;border-radius:8px;background-color:#fff;color:#0d6efd;cursor:pointer;transition:all .3s ease}.notfound-btn:hover{background-color:#0d6efd;color:#fff}.assign-container-containt{padding:10px;-webkit-overflow-scrolling:touch;width:100%;overflow-x:hidden}.assign-titlee{margin-bottom:14px;text-align:center;font-size:20px}.assign-headerr{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.side-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e5e5}.side-drawer__close-btn{cursor:pointer;background:none;border:none;font-size:1.5rem}.assign-headerr h6{font-size:16px;text-align:left;font-size:1.6rem;font-weight:600;margin:0;color:#1f2937;border-bottom:3px solid #1b3e8a;padding-bottom:.25rem}.assign-to-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:-6px}.assign-container thead{background:#4f8add}.assign-container thead th{background:#33435e;color:#fff;font-weight:600;padding:12px 16px}@media (max-width: 480px){.assign-to-actions{flex-direction:column;display:flex;gap:6px;width:100%}.assign-to-actions button{width:100%;font-size:14px;display:flex;padding:8px;min-width:80px}}.assign-to-actions{display:flex;gap:2px;align-items:start;justify-content:flex-start}.assign-to-actions .btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:18px;line-height:1}.assign-to-actions .btn svg{width:18px;height:18px;margin:auto}.assign-to-actions .btn-ghost{background:transparent;color:#203154}.assign-to-actions .btn-danger{background:transparent;color:#dc2626}@media (max-width: 480px){.assign-btn-site{font-size:10px;padding:3px 8px}}.assign-table-wrapper{width:100%;overflow-x:hidden;overflow-y:hidden;-webkit-overflow-scrolling:touch;display:block;border-radius:12px;border:1px solid #f3f4f6;background:transparent}.assign-table-wrapper table{width:100%;min-width:782px;border-collapse:collapse;table-layout:auto}.assign-table-wrapper th,.assign-table-wrapper td{padding:8px;text-align:left}@media (max-width: 768px){.assign-table-wrapper{overflow-x:auto}}@media (max-width: 360px){.assign-table-wrapper table{min-width:500px}.assign-table-wrapper th,.assign-table-wrapper td{font-size:12px;padding:6px}}.assign-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.assign-footer{margin-top:20px;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}@media (max-width: 768px){.assign-form{grid-template-columns:1fr}.assign-headerr{flex-direction:column;align-items:flex-start}.assign-footer{justify-content:center}}@media (max-width: 480px){.assign-container{padding:10px}.assign-titlee{font-size:18px;text-align:left}.assign-headerr h5{font-size:16px}}@media (min-width: 601px){.assign-titlee{text-align:left}}.assign-table-wrapper::-webkit-scrollbar{height:6px}.assign-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6}.assign-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.assign-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.side-drawer{position:fixed;top:0;right:-420px;width:350px;max-width:92%;height:100%;background:#fff;box-shadow:-6px 0 24px #00000026;transition:right .35s ease-in-out,box-shadow .3s ease;display:flex;flex-direction:column;z-index:1100;border-radius:16px 0 0 16px}.side-drawer--open{right:0}.side-drawer__header{padding:18px 22px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f3f4f6;border-radius:16px 0 0}.side-drawer__header h3{margin:0;font-size:1.2rem;font-weight:600;color:#111827}.side-drawer__close-btn{background:transparent;border:none;font-size:1.6rem;line-height:1;cursor:pointer;color:#292a2b;transition:color .2s ease,transform .2s ease;max-width:20px}.side-drawer__bodyy{padding:22px;flex:1;overflow-y:auto;background:#fff}.side-drawer__fields{margin-bottom:20px}.side-drawer__fields label{font-size:.95rem;font-weight:500;color:#374151;margin-bottom:6px;display:block}.side-drawer__footer{padding:16px 22px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb;border-radius:0 0 0 16px}.side-drawer__body::-webkit-scrollbar{width:6px}.side-drawer__body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.side-drawer__body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 640px){.side-drawer{width:100%;border-radius:0}.side-drawer__header,.side-drawer__footer{border-radius:0}}.team-actions .btn:focus,.team-actions.btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.edit-bom-page{padding:20px}.edit-bom-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.bom-name-input{padding:8px 12px;border-radius:6px;border:1px solid #ccc;font-size:16px;width:300px}.steps-container{display:flex;flex-direction:column;gap:10px}.step-card{border:1px solid #ddd;border-radius:12px;padding:10px 15px;background:#fff}.step-header{display:flex;align-items:center;gap:10px}.expand-button{background:none;border:none;cursor:pointer}.step-icon{background-color:#ffeb3b;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#333}.step-items{margin-left:auto;font-size:14px;color:#666}.add-step-btn,.save-btn,.delete-step-btn{margin-top:10px;background:#1976d2;color:#fff;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;transition:background .3s}.add-step-btn:hover,.save-btn:hover{background:#145ea8}.delete-step-btn{background:#e53935;margin-left:auto}.delete-step-btn:hover{background:#c62828}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal-box{background:#fff;padding:20px;border-radius:12px;width:400px;max-width:90%;box-shadow:0 4px 12px #0000004d}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.purchase-container{max-width:1400px;margin:0 auto;padding:1.5rem;background:#f9fafb;font-family:system-ui,sans-serif}.purchase-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.purchase-title{font-size:1.75rem;font-weight:600;border-bottom:3px solid #2563eb;color:#1f2937}.btn-backk{display:flex;align-items:center;gap:.5rem;background:#234994;color:#fff;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.purchase-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:3rem}.purchase-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.8125rem;font-weight:500;color:#374151;line-height:1.2}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:.375rem;padding:.4rem .6rem;font-size:.8125rem;background:#fff;height:32px}.form-group textarea{resize:vertical;height:auto;min-height:60px}.purchase-upload{display:flex;flex-direction:column;gap:.5rem}.purchase-upload-label{font-size:.875rem;font-weight:600;color:#374151}.purchase-upload-area{border:2px dashed #d1d5db;border-radius:.75rem;background:#f9fafb;text-align:center;padding:2rem 1rem;cursor:pointer;transition:border-color .25s ease,background-color .25s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.purchase-upload-area:hover{border-color:#2563eb;background:#f0f7ff}.purchase-file-input{display:none}.purchase-upload-icon{color:#9ca3af;margin-bottom:.5rem}.purchase-upload-text{font-size:.875rem;font-weight:500;color:#374151;margin:.25rem 0}.purchase-upload-hint{font-size:.75rem;color:#6b7280}.purchase-image-preview{position:relative;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background:#f3f4f6;max-height:300px;display:flex;align-items:center;justify-content:center}.purchase-image-preview img{width:100%;height:auto;object-fit:contain;display:block}.purchase-remove-image{position:absolute;top:.5rem;right:.5rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.375rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.purchase-remove-image:hover{background:#fca5a5}@media (max-width: 600px){.purchase-upload-area{padding:1.5rem .5rem}.purchase-upload-text{font-size:.8rem}}.materials-section{background:transparent;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem}.materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-add-material{display:flex;align-items:center;gap:.375rem;background:#2563eb;color:#fff;border:none;padding:.45rem .9rem;border-radius:.375rem;cursor:pointer;font-size:.8125rem;font-weight:500}.material-row{position:relative;background:transparent;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.btn-remove-material{position:absolute;top:.5rem;right:.5rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.375rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:1rem}.btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}.btn-submit{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}@media (max-width: 900px){.purchase-grid,.form-grid{grid-template-columns:1fr}}.purchase-products-section{margin-top:1.25rem;background:transparent;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;overflow-x:auto;overflow-y:visible}.product-row{width:100%;position:relative;overflow-x:visible;overflow-y:visible;padding:.5rem 2.5rem .5rem .5rem;padding-bottom:8px;white-space:nowrap}.product-grid{display:flex;gap:.75rem;min-width:10px}.product-grid .form-group{min-width:10px;flex-shrink:0}.purchase-products-section::-webkit-scrollbar{height:4px;width:5px}.purchase-products-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.purchase-products-section::-webkit-scrollbar-thumb{background:#9b9696;border-radius:4px}.purchase-products-section::-webkit-scrollbar-thumb:hover{background:#555}.purchase-products-section .form-group{display:flex;flex-direction:column;gap:.15rem}.purchase-products-section .form-group label{font-size:.55rem;font-weight:600;color:#374151;line-height:1.1;margin-bottom:.1rem}.purchase-products-section .form-group input,.purchase-products-section .form-group select{padding:.25rem .4rem;border:1px solid #d1d5db;border-radius:.3rem;font-size:.65rem;height:24px;background:#fff;color:#111827;transition:all .2s}.purchase-products-section .form-group input:focus,.purchase-products-section .form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb26}.purchase-products-section .react-select__control{min-height:24px!important;height:24px!important;font-size:.65rem!important;border-color:#d1d5db!important}.purchase-products-section .react-select__value-container{padding:0 .4rem!important;height:24px!important}.purchase-products-section .react-select__input-container{margin:0!important;padding:0!important}.purchase-products-section .react-select__indicators{height:24px!important}.purchase-products-section .react-select__indicator{padding:.2rem!important}.purchase-products-section .react-select__indicator-separator{margin-top:4px!important;margin-bottom:4px!important}.purchase-products-section .react-select__dropdown-indicator svg{width:14px!important;height:14px!important}.purchase-products-section .react-select__single-value,.purchase-products-section .react-select__placeholder,.purchase-products-section .react-select__menu{font-size:.65rem!important}.purchase-products-section .react-select__option{padding:.3rem .4rem!important;font-size:.65rem!important}.btn-add-row{background:#10b981;color:#fff;padding:.35rem .75rem;border:none;border-radius:.3rem;cursor:pointer;font-size:.65rem;font-weight:500;display:flex;align-items:center;gap:.25rem;transition:background .2s}.btn-add-row:hover{background:#059669}.delete-btn-wrapper{display:flex;align-items:flex-end;padding-top:1rem}.btn-remove-row{background:transparent;color:#dc2626;border:none;padding:.25rem;border-radius:.3rem;cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-remove-row:hover{background:#efd7d7;outline:none;box-shadow:none}.btn-remove-row svg{width:14px;height:14px}.readonly-input{background-color:#f3f4f6!important;cursor:not-allowed!important;color:#6b7280!important;font-weight:500}.lebel-and-si{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.1rem}.lebel-and-si label{margin-bottom:0!important;font-size:.65rem!important}.unit-text{font-size:.6rem;color:#6b7280;font-weight:500;white-space:nowrap}.purchase-products-section .form-group select:hover{border-color:#9ca3af}.purchase-products-section .form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb26}.purchase-products-section .form-group option{padding:.35rem;font-size:.65rem}.purchase-products-section .form-group input[type=number]::-webkit-inner-spin-button,.purchase-products-section .form-group input[type=number]::-webkit-outer-spin-button{height:22px}@media (max-width: 1200px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.4rem}}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.4rem}.purchase-products-section .form-group label{font-size:.6rem}.purchase-products-section .form-group input,.purchase-products-section .form-group select{font-size:.6rem;height:22px;padding:.2rem .35rem}}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.purchase-products-section .form-group label{font-size:.6rem}.purchase-products-section .form-group input,.purchase-products-section .form-group select{font-size:.6rem;height:22px;padding:.2rem .35rem}}@media (max-width: 600px){.product-grid{grid-template-columns:repeat(2,1fr);gap:.35rem}.product-row{padding:.4rem 2rem .4rem .4rem}}@media (max-width: 480px){.product-grid{grid-template-columns:1fr}.product-row{padding:.5rem 2.25rem .5rem .5rem}}.summary-table-container34{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;margin-top:1.5rem}.summary-title34{font-size:1.125rem;font-weight:600;color:#1f2327;margin-bottom:1rem;border-bottom:2px solid #2563eb;padding-bottom:.5rem}.summary-table34{width:100%;font-size:.875rem;overflow:visible!important}.summary-table34 thead{background:#f3f4f6}.summary-table34 th{padding:.75rem;text-align:left;font-weight:600;color:#fcfdfe;border:1px solid #e5e7eb}.summary-table34 td{padding:.625rem .75rem;border:1px solid #e5e7eb;color:#1f2937}.summary-table34 tbody tr:hover{background:#f9fafb}.summary-table34 .total-row{background:#f3f4f6;font-weight:600}.summary-table34 .total-row td{border-top:2px solid #2563eb;padding:.875rem .75rem}.amount-in-words{margin-top:1rem;padding:1rem;background:#f0f7ff;border-left:4px solid #2563eb;border-radius:.375rem}.tr-for-table{display:table-row;vertical-align:inherit;unicode-bidi:isolate;border-color:inherit}.amount-in-words p{margin:0;font-size:.9rem;color:#57595c}.amount-in-words strong{color:#1e40af}@media (max-width: 1024px){.summary-table{font-size:.8rem}.summary-table34 th,.summary-table34 td{padding:.5rem}}@media (max-width: 768px){.summary-table-container34{overflow-x:auto}.summary-table34{min-width:800px}}.summary-table34 thead{background:#636466!important}.summary-table34 thead tr{background:#737375!important}.summary-table34 th{padding:.75rem;text-align:left;font-weight:600;color:#151414!important;border:1px solid #2f2f30;background:#feffff!important}.actions-menu{position:relative;display:inline-block}.dots-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%}.dots-btn:hover{background-color:#f3f3f3}.dropdown-menu-absolute{position:absolute;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #00000026;z-index:9999;min-width:130px;display:flex;flex-direction:column;padding:4px 0}.dropdown-menu3{position:absolute;top:auto;bottom:28px;right:0;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #00000026;border-radius:6px;z-index:9999;min-width:120px}.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;cursor:pointer;background:none;border:none;width:100%;text-align:left}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item.delete{color:red}.invoice-container{background:#fff;margin:10px auto 40px;padding:0;border:2px solid #333;font-family:Arial,Helvetica,sans-serif;color:#000;box-shadow:0 0 20px #00000026}.invoice-header{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-bottom:3px double #333;padding:20px 30px;margin-bottom:0}.invoice-header h2{margin:0;color:#000;font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.invoice-section{margin-bottom:0;padding:20px 30px;border-bottom:1px solid #ddd}.invoice-section:last-child{border-bottom:none}.invoice-section h3{margin:0 0 15px;color:#000;background:#e9ecef;padding:8px 12px;font-size:1.1rem;font-weight:700;text-transform:uppercase;border-left:5px solid #333;letter-spacing:.5px}.invoice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:#fff;padding:0;border:1px solid #333;border-radius:0}.invoice-grid div{background:#fff;padding:10px 15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;box-shadow:none;border-radius:0;font-size:.95rem}.invoice-grid div:nth-child(2n){border-right:none}.invoice-grid div:nth-last-child(-n+2){border-bottom:none}.invoice-grid div strong{color:#555;font-weight:600;display:inline-block;min-width:120px}.invoice-table{width:100%;border-collapse:collapse;margin-top:10px;border:2px solid #333}.invoice-table th,.invoice-table td{border:1px solid #333;padding:10px 8px;text-align:center;font-size:.9rem}.invoice-table th{background-color:#444e57;color:#fff;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.3px}.invoice-table tbody tr{background-color:#fff}.invoice-table tbody tr:hover{background-color:#f8f9fa}.invoice-table td{font-weight:500}.tax-grid{grid-template-columns:repeat(3,1fr);background:#fff;border:2px solid #333}.tax-grid div{background:#f8f9fa;font-weight:600;font-size:1rem;padding:12px 15px}.tax-grid div:last-child{grid-column:1 / -1;background:#e9ecef;font-size:1.15rem;color:#000;text-align:right;border-top:2px solid #333}.invoice-button-group{display:flex;gap:12px;margin-top:15px;justify-content:flex-start}.purchase-loading,.purchase-error{text-align:center;margin-top:50px;font-size:1.2rem;font-weight:600}.purchase-error{color:#d32f2f}@media print{.invoice-container{border:none;box-shadow:none;margin:0}.invoice-header button,.invoice-button-group{display:none}}.edit-purchase-wrapper{max-width:1400px;margin:0 auto;padding:1.5rem;background:#f9fafb;font-family:system-ui,sans-serif}.edit-purchase-header-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.edit-purchase-main-title{font-size:1.75rem;font-weight:600;border-bottom:3px solid #2563eb;color:#1f2937}.edit-purchase-back-btn{display:flex;align-items:center;gap:.5rem;background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem}.edit-purchase-back-btn:hover{background:#e5e7eb}.edit-purchase-form-container{display:flex;flex-direction:column;gap:1.5rem}.edit-purchase-info-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:3rem}.edit-purchase-form-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;margin-bottom:1.5rem}.edit-purchase-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.edit-purchase-field-group{display:flex;flex-direction:column;gap:.25rem}.edit-purchase-field-group.edit-purchase-full-width{grid-column:1 / -1}.edit-purchase-field-group label{font-size:.8125rem;font-weight:500;color:#374151;line-height:1.2}.edit-purchase-field-group input,.edit-purchase-field-group select,.edit-purchase-field-group textarea{border:1px solid #d1d5db;border-radius:.375rem;padding:.4rem .6rem;font-size:.8125rem;background:#fff;height:32px}.edit-purchase-field-group textarea{resize:vertical;height:auto;min-height:60px}.edit-purchase-field-group input:focus,.edit-purchase-field-group select:focus,.edit-purchase-field-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.edit-purchase-field-group input:read-only{background-color:#f3f4f6;cursor:not-allowed;color:#6b7280}.edit-purchase-image-upload-section{display:flex;flex-direction:column;gap:.5rem}.edit-purchase-upload-title{font-size:.875rem;font-weight:600;color:#374151}.edit-purchase-drop-zone{border:2px dashed #d1d5db;border-radius:.75rem;background:#f9fafb;text-align:center;padding:2rem 1rem;cursor:pointer;transition:border-color .25s ease,background-color .25s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.edit-purchase-drop-zone:hover{border-color:#2563eb;background:#f0f7ff}.edit-purchase-drop-zone svg{color:#9ca3af;margin-bottom:.5rem}.edit-purchase-drop-zone p{font-size:.875rem;font-weight:500;color:#374151;margin:.25rem 0}.edit-purchase-drop-zone span{font-size:.75rem;color:#6b7280}.edit-purchase-preview-box{position:relative;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background:#f3f4f6;max-height:300px;display:flex;align-items:center;justify-content:center}.edit-purchase-preview-box img{width:100%;height:auto;object-fit:contain;display:block}.edit-purchase-remove-btn{position:absolute;top:.5rem;right:.5rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.375rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.edit-purchase-remove-btn:hover{background:#fca5a5}.edit-purchase-remarks-section{display:flex;flex-direction:column;gap:.25rem;grid-column:1 / -1}.edit-purchase-remarks-section label{font-size:.8125rem;font-weight:500;color:#374151}.edit-purchase-remarks-section textarea{width:100%;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.8125rem;color:#1f2937;font-family:inherit;resize:vertical;min-height:60px;background:#fff}.edit-purchase-remarks-section textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.edit-purchase-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.edit-purchase-products-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.edit-purchase-products-list{margin-top:1.25rem;background:transparent;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem}.edit-purchase-product-row{position:relative;background:#f9fafb;padding:.5rem 2.5rem .5rem .5rem;border-radius:.5rem;margin-bottom:.75rem}.edit-purchase-product-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.45rem}.edit-purchase-products-list .edit-purchase-field-group{display:flex;flex-direction:column;gap:.15rem}.edit-purchase-products-list .edit-purchase-field-group label{font-size:.55rem;font-weight:600;color:#374151;line-height:1.1;margin-bottom:.1rem}.edit-purchase-products-list .edit-purchase-field-group input,.edit-purchase-products-list .edit-purchase-field-group select{padding:.25rem .4rem;border:1px solid #d1d5db;border-radius:.3rem;font-size:.65rem;height:24px;background:#fff;color:#111827;transition:all .2s}.edit-purchase-products-list .edit-purchase-field-group input:focus,.edit-purchase-products-list .edit-purchase-field-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb26}.edit-purchase-products-list .edit-purchase-field-group select:hover{border-color:#9ca3af}.edit-purchase-products-list .edit-purchase-field-group option{padding:.35rem;font-size:.65rem}.edit-purchase-products-list .react-select__control{min-height:24px!important;height:24px!important;font-size:.65rem!important;border-color:#d1d5db!important}.edit-purchase-products-list .react-select__value-container{padding:0 .4rem!important;height:24px!important}.edit-purchase-products-list .react-select__input-container{margin:0!important;padding:0!important}.edit-purchase-products-list .react-select__indicators{height:24px!important}.edit-purchase-products-list .react-select__indicator{padding:.2rem!important}.edit-purchase-products-list .react-select__indicator-separator{margin-top:4px!important;margin-bottom:4px!important}.edit-purchase-products-list .react-select__dropdown-indicator svg{width:14px!important;height:14px!important}.edit-purchase-products-list .react-select__single-value,.edit-purchase-products-list .react-select__placeholder,.edit-purchase-products-list .react-select__menu{font-size:.65rem!important}.edit-purchase-products-list .react-select__option{padding:.3rem .4rem!important;font-size:.65rem!important}.edit-purchase-delete-row-btn{position:absolute;top:.4rem;right:.4rem;background:#fee2e2;color:#dc2626;border:none;padding:.2rem;border-radius:.3rem;cursor:pointer;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:background .2s}.edit-purchase-delete-row-btn:hover{background:#fca5a5}.edit-purchase-delete-row-btn svg{width:14px;height:14px}.edit-purchase-add-product-section{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.75rem;margin-top:1rem}.edit-purchase-add-product-btn{background:#10b981;color:#fff;padding:.35rem .75rem;border:none;border-radius:.3rem;cursor:pointer;font-size:.65rem;font-weight:500;display:flex;align-items:center;gap:.25rem;transition:background .2s}.edit-purchase-add-product-btn:hover{background:#059669}.edit-purchase-form-actions{display:flex;justify-content:flex-end;gap:1rem}.edit-purchase-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}.edit-purchase-cancel-btn:hover{background:#e5e7eb}.edit-purchase-submit-btn{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem}.edit-purchase-submit-btn:hover{background:#1d4ed8}.edit-purchase-readonly-input{background-color:#f3f4f6!important;cursor:not-allowed!important;color:#6b7280!important;font-weight:500}.edit-purchase-label-with-info{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.1rem}.edit-purchase-label-with-info label{margin-bottom:0!important;font-size:.65rem!important}.edit-purchase-unit-text{font-size:.6rem;color:#6b7280;font-weight:500;white-space:nowrap}.edit-purchase-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.125rem;font-weight:600;color:#2563eb}.edit-purchase-summary-container{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;margin-top:1.5rem}.edit-purchase-summary-title{font-size:1.125rem;font-weight:600;color:#1f2327;margin-bottom:1rem;border-bottom:2px solid #2563eb;padding-bottom:.5rem}.edit-purchase-summary-table{width:100%;font-size:.875rem;overflow:visible!important}.edit-purchase-summary-table thead,.edit-purchase-summary-table thead tr{background:#feffff!important}.edit-purchase-summary-table th{padding:.75rem;text-align:left;font-weight:600;color:#151414!important;border:1px solid #2f2f30;background:#feffff!important}.edit-purchase-summary-table td{padding:.625rem .75rem;border:1px solid #e5e7eb;color:#1f2937}.edit-purchase-summary-table tbody tr:hover{background:#f9fafb}.edit-purchase-summary-table .edit-purchase-total-row{background:#f3f4f6;font-weight:600}.edit-purchase-summary-table .edit-purchase-total-row td{border-top:2px solid #2563eb;padding:.875rem .75rem}.edit-purchase-amount-words{margin-top:1rem;padding:1rem;background:#f0f7ff;border-left:4px solid #2563eb;border-radius:.375rem}.edit-purchase-amount-words p{margin:0;font-size:.9rem;color:#57595c}.edit-purchase-amount-words strong{color:#1e40af}.edit-purchase-products-list .edit-purchase-field-group input[type=number]::-webkit-inner-spin-button,.edit-purchase-products-list .edit-purchase-field-group input[type=number]::-webkit-outer-spin-button{height:22px}@media (max-width: 1200px){.edit-purchase-product-fields{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.4rem}}@media (max-width: 1024px){.edit-purchase-summary-table{font-size:.8rem}.edit-purchase-summary-table th,.edit-purchase-summary-table td{padding:.5rem}.edit-purchase-product-fields{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.4rem}.edit-purchase-products-list .edit-purchase-field-group label{font-size:.6rem}.edit-purchase-products-list .edit-purchase-field-group input,.edit-purchase-products-list .edit-purchase-field-group select{font-size:.6rem;height:22px;padding:.2rem .35rem}}@media (max-width: 900px){.edit-purchase-form-grid,.edit-purchase-fields-grid{grid-template-columns:1fr}}@media (max-width: 768px){.edit-purchase-summary-container{overflow-x:auto}.edit-purchase-summary-table{min-width:800px}.edit-purchase-product-fields{grid-template-columns:repeat(3,1fr);gap:.4rem}.edit-purchase-products-list .edit-purchase-field-group label{font-size:.6rem}.edit-purchase-products-list .edit-purchase-field-group input,.edit-purchase-products-list .edit-purchase-field-group select{font-size:.6rem;height:22px;padding:.2rem .35rem}}@media (max-width: 600px){.edit-purchase-wrapper{padding:1rem}.edit-purchase-header-section{flex-direction:column;gap:1rem;align-items:flex-start}.edit-purchase-drop-zone{padding:1.5rem .5rem}.edit-purchase-drop-zone p{font-size:.8rem}.edit-purchase-product-fields{grid-template-columns:repeat(2,1fr);gap:.35rem}.edit-purchase-product-row{padding:.4rem 2rem .4rem .4rem}.edit-purchase-form-actions{flex-direction:column-reverse}.edit-purchase-cancel-btn,.edit-purchase-submit-btn{width:100%}}@media (max-width: 480px){.edit-purchase-main-title{font-size:1.5rem}.edit-purchase-product-fields{grid-template-columns:1fr}.edit-purchase-product-row{padding:.5rem 2.25rem .5rem .5rem}}@media print{.edit-purchase-header-section,.edit-purchase-back-btn,.edit-purchase-form-actions,.edit-purchase-delete-row-btn,.edit-purchase-add-product-btn,.edit-purchase-remove-btn{display:none!important}.edit-purchase-wrapper{background:#fff;padding:0}.edit-purchase-product-row{page-break-inside:avoid}}.purchase-card1{background:#fff;border-radius:12px;padding:18px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.form-grid2{display:flex;gap:20px;flex-wrap:wrap}.form-group6{flex:1;min-width:220px}.form-group6 label{display:block;font-weight:500;margin-bottom:6px;color:#374151}.step-container{margin-top:2rem;padding:2.5rem;background:linear-gradient(to bottom,#fff,#fafbfc);border-radius:12px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;border:1px solid #e5e7eb}.step-container h4{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:2.5rem;letter-spacing:-.025em;position:relative;padding-bottom:.75rem}.step-container h4:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px}.stepper-wrapper{position:relative;display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:1.5rem 0;background:#fff;border-radius:10px;overflow:visible}.slider-arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#000;color:#f02e2e;border:none;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;transition:all .2s ease}.slider-arrow:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f6,#2563eb);opacity:0;transition:opacity .3s ease;border-radius:50%}.slider-arrow:hover:not(.disabled){background:#f8f9fa;border-color:#ccc;color:#1a1a1a;transform:translateY(-2px)}.slider-arrow:hover:not(.disabled):before{opacity:1}.slider-arrow.disabled{border-color:#ebe9e5;color:#0a0a0a;cursor:not-allowed;opacity:.4;background:#fbfcfc;width:fit-content}.slider-arrow svg{transition:color .3s ease}.steps-viewport{flex:1;overflow:hidden;padding:0 1.5rem}.step-indicators{display:flex;align-items:center;justify-content:space-between}.step-wrapper{display:flex;align-items:center;flex:1}.step-wrapper:last-child{flex:0}.step-item{display:flex;flex-direction:column;align-items:center;gap:.625rem}.step-circle{width:35px;height:35px;border-radius:50%;border:3px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.step-circle:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);opacity:0;transition:opacity .3s ease;z-index:-1}.step-circle.active{border-color:transparent;background:linear-gradient(135deg,#1f8562,#148888);color:#fff}.step-circle.completed{border-color:#10b981;background:linear-gradient(135deg,#199d71,#68bba1);color:#fff;box-shadow:0 4px 8px #10b98140}.step-number{color:inherit;position:relative;z-index:1}.step-label{font-size:.813rem;color:#3e434d;text-align:center;max-width:110px;line-height:1.3;transition:all .3s ease;font-weight:500;letter-spacing:.01em}.step-label.active{color:#0349de;font-weight:600;transform:scale(1.05)}.step-line{flex:1;height:3px;background:linear-gradient(90deg,#e5e7eb,#d1d5db,#e5e7eb);margin:0 .75rem;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:2px;position:relative;align-self:flex-start;margin-top:14px}.step-line.completed{background:linear-gradient(90deg,#10b981,#48c59d);box-shadow:0 2px 4px #10b98133}.step-content-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:5px solid #f59e0b;border-radius:0 10px 10px 0;padding:1.75rem;display:flex;align-items:flex-start;gap:1.25rem;box-shadow:0 2px 8px #f59e0b1f,0 1px 3px #f59e0b14;margin-bottom:2rem;position:relative;overflow:hidden}.step-content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.3),transparent)}.step-content-icon{flex-shrink:0;color:#f59e0b;width:28px;height:28px;background:#ffffffb3;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:4px}.step-content-text{flex:1}.step-content-text p{font-size:.938rem;color:#92400e;line-height:1.6;margin:0;font-weight:500}.pagination-dots{display:flex;justify-content:center;align-items:center;gap:.625rem;margin-top:2rem;margin-bottom:2.5rem}.pagination-dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;position:relative}.pagination-dot:hover{background:#9ca3af;transform:scale(1.2)}.pagination-dot.active{width:28px;border-radius:5px;background:linear-gradient(90deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f666}.step-content2{margin-top:2.5rem;padding:2rem;background:#fff;border-radius:12px;border:2px solid #e5e7eb;transition:all .3s ease}.step-content2.active{background:#fff;border:2px solid #595d5d}.table-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:2px solid #e5e7eb;position:relative}.table-header-actions:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:linear-gradient(90deg,#3b82f6,transparent)}.table-header-actions h3{font-size:1.375rem;font-weight:700;color:#111827;margin:0;letter-spacing:-.02em}.edit-button{display:flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #3b82f633;position:relative;overflow:hidden}.edit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.edit-button.editing{background:linear-gradient(135deg,#ce6565,#dc2626);box-shadow:0 2px 4px #ef444433}.edit-button svg{width:18px;height:18px;position:relative;z-index:1}.table-wrapper{overflow-x:auto;margin-bottom:2rem;border-radius:10px;box-shadow:0 1px 3px #0000000d}.items-table1{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #0000000a}.items-table1 thead{background:linear-gradient(180deg,#f9fafb,#f3f4f6)}.items-table1 th{padding:1.25rem 1.5rem;text-align:left;font-size:.813rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid #e5e7eb;white-space:nowrap}.items-table1 th:first-child{border-top-left-radius:10px}.items-table1 th:last-child{border-top-right-radius:10px}.items-table1 tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s cubic-bezier(.4,0,.2,1)}.items-table1 tbody tr:last-child{border-bottom:none}.items-table1 tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.items-table1 tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.items-table1 td{padding:1.25rem 1.5rem;font-size:.938rem;color:#4b5563;font-weight:500}.quantity-input{width:100%;max-width:130px;padding:.625rem .875rem;border:2px solid #3b82f6;border-radius:8px;font-size:.938rem;color:#111827;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f9fafb}.quantity-input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #3b82f61a;transform:scale(1.02)}.table-footer-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding-top:1.5rem;border-top:2px solid #f3f4f6}.action-button{padding:.75rem 2rem;border:none;border-radius:10px;font-size:.938rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.625rem;position:relative;overflow:hidden;letter-spacing:.02em;text-transform:uppercase;font-size:.813rem}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.action-button:active{transform:translateY(-1px)}.save-next{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer}.save-skip{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer}.loading-text,.no-steps-text,.no-items-text{text-align:center;color:#6b7280;font-size:1.063rem;padding:3rem;font-weight:500}@media (max-width: 1024px){.step-container{padding:2rem}.step-circle{width:46px;height:46px;font-size:.938rem}.step-label{font-size:.75rem;max-width:90px}.slider-arrow{width:40px;height:40px}.table-header-actions{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:.1rem}.edit-button{align-self:flex-end}.table-footer-actions{flex-direction:column;gap:1rem}.action-button{width:100%;justify-content:center}.items-table1 th,.items-table1 td{padding:1rem 1.25rem}}@media (max-width: 768px){.step-container{padding:1.5rem}.step-container h4{font-size:1.5rem}.stepper-wrapper{gap:1rem}.slider-arrow{width:36px;height:36px}.step-circle{width:40px;height:40px;font-size:.875rem}.step-label{font-size:.688rem;max-width:75px}.step-content-card{padding:1.25rem}.step-content-text p{font-size:.875rem}.items-table1{font-size:.813rem}.items-table1 th,.items-table1 td{padding:.875rem .75rem}.quantity-input{max-width:90px;padding:.5rem .625rem;font-size:.875rem}.action-button{padding:.625rem 1.5rem;font-size:.75rem}.table-header-actions h3{font-size:1.125rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-content1.active{animation:fadeIn .4s ease-out}.step-circle:focus-visible,.slider-arrow:focus-visible,.edit-button:focus-visible,.action-button:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}.table-wrapper{overflow-x:auto;margin-top:16px}.items-table1{width:100%;border-collapse:collapse;font-size:14px}.items-table1 th,.items-table1 td{border:1px solid #ddd;padding:10px;text-align:center}.items-table1 th{background-color:#f4f4f4;font-weight:600}.quantity-input{width:100px;padding:6px;border:1px solid #ccc;border-radius:6px;text-align:right}.icon.delete{color:#dc2626;cursor:pointer;font-size:18px}.total-row{background-color:#f9fafb}.total-row td{font-weight:600;border-top:2px solid #ccc}.header-extras{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px}.header-extras .date-group,.header-extras .progress-group{display:flex;flex-direction:column;gap:4px}.header-extras label{font-size:13px;font-weight:500;color:#444}.header-extras .date-input,.header-extras .progress-input{padding:6px 8px;font-size:13px;border:1px solid #ccc;border-radius:6px;width:160px;background-color:#fff;transition:border-color .2s ease}.header-extras .remarks-input{padding:6px 8px;font-size:13px;border:1px solid #ccc;border-radius:6px;width:220px;background-color:#fff;transition:border-color .2s ease}.header-extras .date-input:focus,.header-extras .progress-input:focus,.header-extras .remarks-input:focus{border-color:#1976d2;outline:none}.header-extras .date-input:disabled,.header-extras .progress-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.main-dashboard{font-family:Inter,sans-serif;background:#f8fbff;padding:30px;color:#222}.dashboard-title{font-size:2rem;font-weight:700}.dashboard-subtitle{color:#555;margin-bottom:20px}.bom-title1{display:flex;align-items:center;padding:4px 6px;gap:1px;margin:2px 0;font-size:18px;font-weight:600}.card1{background:#fff;border-radius:10px;padding:20px 25px;margin-bottom:25px;box-shadow:0 2px 5px #0000000d}.selectors{display:flex;gap:20px;margin-top:15px;position:relative}.select-group{display:flex;flex-direction:column;flex:1;min-width:220px}.select-group label{margin-bottom:6px;font-weight:500;color:#333}.psw-select__control{min-height:40px;border-radius:6px}.psw-select__menu{z-index:9999!important;position:absolute}select{padding:8px;border-radius:5px;border:1px solid #ccc}.overview-grid{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.overview-item h4{color:#777;font-size:.85rem}.overview-item p{font-weight:600;font-size:1rem}.progress-percent h3{color:#007bff;font-size:1.8rem;font-weight:700}.progress-bar{width:100%;background:#e8eef5;border-radius:6px;height:8px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:#007bff;transition:width .3s ease}.stats{display:flex;justify-content:space-between;margin-top:20px}.stat{flex:1;text-align:center}.stat h3{margin-top:5px}.completed p{color:green}.in-progress p{color:orange}.efficiency p{color:purple}.two-column{display:flex;gap:25px}.bom-steps,.work-updates{flex:1}.bom-progress{font-weight:600;margin-bottom:10px}.bom-progress span{color:#007bff;font-weight:500;margin-left:10px}.bom-progress-bar{background:#e8eef5;border-radius:6px;height:8px;overflow:hidden;margin-bottom:15px}.bom-progress-fill{height:100%;background:#007bff;transition:width .3s ease}.steps-list{list-style:none;padding:0}.step{background:#f6f9fc;border-radius:8px;padding:10px 12px;margin-bottom:10px}.step.completed{text-decoration:line-through;opacity:.7}.step-header{display:flex;justify-content:space-between;font-weight:600}.status{font-size:.85rem;color:#007bff}.updates-header{display:flex;justify-content:space-between;align-items:center}.add-update{background:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.updates-content{margin-top:20px;color:#777;text-align:center}.two-column{display:flex;gap:25px;align-items:flex-start;margin-top:20px}.section{flex:1;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 6px #0000000f}.section-title{font-size:1.3rem;font-weight:700;margin-bottom:15px;color:#333;padding-bottom:5px;border-bottom:2px solid #ececec}.input-select,.input-box{width:100%;padding:9px 12px;border-radius:6px;border:1px solid #ccc;font-size:.95rem}.form-group{margin-bottom:15px}.bom-list{margin-top:20px}.bom-header2{background:#ede9f9f5;color:#242222;padding:3px 8px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:6px;font-size:.8rem;min-height:6px}.read-more-btn{background:none!important;border:none!important;padding:0;margin-top:4px;color:#6c63ff;font-weight:600;font-size:.9rem;cursor:pointer}.read-more-btn:focus{outline:none!important;box-shadow:none!important}.read-more-btn:hover{text-decoration:underline}.bom-expanded{background:#f6f9fc;padding:12px;border-radius:8px;margin-bottom:15px}.progress-item{margin-bottom:12px}.progress-header{background:#e2ecff;padding:10px;border-radius:6px;display:flex;justify-content:space-between;cursor:pointer;font-weight:600}.progress-details{background:#fff;padding:12px;border-radius:6px;margin-top:8px}.details-block{margin-bottom:12px}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.item-card{background:#fff;border:1px solid #ddd;padding:12px;border-radius:8px}.item-name{font-weight:600;margin-bottom:8px}.item-row{display:flex;justify-content:space-between;margin-bottom:6px}.badge{background:#9aebb6;color:#201e1e;padding:3px 8px;border-radius:5px;font-size:.8rem}.update-card{background:#f8faff;border-radius:8px;padding:12px;margin-bottom:12px;border-left:3px solid #afbccb}.update-date{font-size:.85rem;color:#666}.update-text{margin-top:5px;font-size:.95rem}.form-row1{display:flex;gap:15px;align-items:flex-end;margin-bottom:12px}.form-group1{flex:1}.form-group1:first-child{flex:2}.form-group1 label{font-size:.9rem;font-weight:600;margin-bottom:5px;display:block;color:#333}.input-select1{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:.9rem}.input-box1{width:80%;padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:.9rem}.add-btn1{padding:8px 15px;background:#9994fa;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;margin-top:5px}.add-btn1:disabled{opacity:.6;cursor:not-allowed}.helper-text1{font-size:.85rem;color:#777;margin-top:6px}.add-employee-team-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe,#f1f5f9);padding:24px}.add-employee-team-wrapper{max-width:1280px;margin:0 auto}.page-header{margin-bottom:32px}.page-title{font-size:30px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px;margin:0 0 8px}.page-title-icon{width:32px;height:32px;color:#2563eb}.page-subtitle{color:#64748b;margin:0;font-size:16px}.info-card,.add-card,.list-card{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.card-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon-wrapper.green{background:linear-gradient(135deg,#10b981,#059669)}.card-icon-wrapper.purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.card-icon{width:24px;height:24px;color:#fff}.card-header-text h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.card-header-text p{font-size:14px;color:#64748b;margin:4px 0 0}.team-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:4px}.info-label-icon{width:12px;height:12px}.info-value{font-size:16px;font-weight:600;color:#1e293b}.info-value.normal{font-weight:400;color:#334155}.add-employee-formoo{width:100%}.form-rowo{display:flex;align-items:center;gap:16px;margin-top:10px}.select-wrappero{flex:1;display:flex;flex-direction:column}.select-wrappero .select-label{margin-bottom:6px;font-weight:500;color:#333}.select-wrapper .react-select__control{height:48px!important}.add-button{padding:12px 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #2563eb4d;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;height:48px;margin-top:24px}.add-button:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);cursor:not-allowed;box-shadow:none;transform:none;opacity:.6}.button-icon{width:20px;height:20px}.list-card{padding:0;overflow:hidden}.list-header{display:flex;align-items:center;gap:12px;padding:24px;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-bottom:1px solid #e2e8f0}.list-header-icon{width:40px;height:40px;background:linear-gradient(135deg,#d0bce4,#f4f2f6);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-header-text h2{font-size:20px;font-weight:600;color:#1e293b;margin:0}.list-header-text p{font-size:14px;color:#64748b;margin:4px 0 0}.table-wrapper{overflow-x:auto}.employee-table12{width:100%;border-collapse:collapse}.employee-table12 thead tr{background:#fff;border-bottom:1px solid #e2e8f0}.employee-table12 th{padding:16px 24px;text-align:left;font-size:10px;font-weight:500;color:#f9f9fb;text-transform:uppercase;letter-spacing:.05em}.employee-table12 tbody tr{border-bottom:1px solid #3062a3;transition:background-color .2s ease}.employee-table12 tbody tr:hover{background:#f8fafc}.employee-table12 td{padding:12px 24px;color:#334155}.employee-name-cell{display:flex;align-items:center;gap:12px}.employee-avatar{width:30px;height:30px;background:linear-gradient(135deg,#86b7f3,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.employee-name{font-weight:500;color:#1e293b}.contact-cell{display:flex;align-items:center;gap:8px}.contact-icon{width:16px;height:16px;flex:flex-end;color:#465e80;flex-shrink:0}.empty-state{text-align:center;padding:48px 24px}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon-wrapper{width:64px;height:64px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-icon{width:32px;height:32px;color:#94a3b8}.empty-state-title{color:#64748b;font-weight:500;font-size:16px;margin:0}.empty-state-subtitle{font-size:14px;color:#94a3b8;margin:0}@media (min-width: 640px){.form-row{flex-direction:row;align-items:flex-end}.add-button{width:auto;min-width:180px}}@media (max-width: 768px){.add-employee-team-container{padding:16px}.page-title{font-size:24px}.info-card,.add-card,.list-card{padding:16px}.team-info-grid{grid-template-columns:1fr;gap:16px}.employee-table th,.employee-table td{padding:12px 16px}.card-header{flex-wrap:wrap}}@media (max-width: 480px){.employee-name-cell{flex-direction:column;align-items:flex-start;gap:8px}.contact-cell{flex-direction:column;align-items:flex-start;gap:4px}.page-title{font-size:20px}.page-title-icon{width:24px;height:24px}}.po-container{background:transparent;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px}.po-header{display:flex;justify-content:space-between;align-items:center}.po-title{font-size:1.4rem;color:#333;font-weight:600;margin-bottom:2px}.po-subtitle{font-size:.9rem;color:#666}.po-table-wrapper{margin-top:10px}.poactions-butttons{display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:nowrap;padding:0}@media (max-width: 480px){.poactions-butttons{justify-content:flex-start;gap:6px}.poactions-butttons button{flex:none;width:38px;height:38px}}.poactions-butttons button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:none;cursor:pointer;font-size:18px;transition:all .3s ease-in-out}.poactions-butttons .btn-ghost{background:transparent;color:#093248}.poactions-butttons .btn-danger{background:transparent;color:#b91c1c}.poactions-butttons .btn:focus,.poactions-butttons .btn:active{outline:none;box-shadow:none;background:transparent;color:inherit}.st-store-page{background:#fff;padding:30px 50px;border-radius:10px;box-shadow:0 2px 8px #0000000d;max-width:1350px;margin:40px auto;font-family:Segoe UI,Arial,sans-serif}.st-form-title{font-size:1.6rem;font-weight:600;color:#1f1f1f;position:relative;display:inline-block;margin-bottom:1.5rem}.st-form-title:after{content:"";position:absolute;left:0;bottom:-6px;width:190px;height:4px;background-color:#a178f4;border-radius:2px}.st-form-subtitle{font-size:14px;color:#7c8a97;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}.st-store-form{display:flex;flex-direction:column;gap:20px}.st-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.st-form-group{display:flex;flex-direction:column;gap:8px}.st-form-group.full-width{grid-column:1 / -1}.st-form-group label{font-weight:500;color:#333;font-size:14px}.st-form-group input,.st-form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;font-family:inherit}.st-form-group input:focus,.st-form-group textarea:focus{outline:none;border-color:#7b61ff;box-shadow:0 0 0 3px #7b61ff1a}.st-form-group textarea{min-height:100px;resize:vertical}.st-form-group .css-13cymwt-control,.st-form-group .css-t3ipsp-control{border-color:#d1d5db!important;border-radius:6px!important;min-height:42px!important;font-size:14px!important;transition:border-color .2s,box-shadow .2s!important}.st-form-group .css-13cymwt-control:hover,.st-form-group .css-t3ipsp-control:hover{border-color:#9ca3af!important}.st-form-group .css-hlgwow,.st-form-group .css-1dimb5e-singleValue{font-size:14px!important}.st-form-group .css-1u9des2-indicatorSeparator{display:none!important}.st-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px;padding-top:20px;border-top:1px solid #eee}.form-submit-btn{padding:10px 24px;background-color:#7b61ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out}.form-submit-btn:hover{background-color:#674ee6}.form-submit-btn:active{transform:translateY(1px)}@media (max-width: 768px){.st-store-page{padding:20px;margin:20px}.st-form-row{grid-template-columns:1fr}}.purchase-order-container{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:1300px;margin:25px auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.page-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.purchase-order-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;align-items:start}.form-group{display:flex;flex-direction:column;min-width:0}.form-group label{font-weight:600;color:#374151;margin-bottom:8px;font-size:.95rem;display:flex;align-items:center}.form-group label:after{content:attr(data-required);color:#ef4444;margin-left:4px;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s;background-color:#fafafa}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background-color:#fff}.form-group textarea{min-height:100px;resize:vertical;padding:12px}.vendor-form-block{grid-column:1 / -1;display:flex;flex-direction:column;background:#f9fafb;padding:18px 20px;border-radius:10px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px}.vendor-form-label{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:14px}.vendor-form-row{display:flex;gap:12px;align-items:center;margin-bottom:12px}.vendor-select{flex:1;font-size:.95rem}.vendor-select .css-b62mhf-control{border-color:#d1d5db;border-radius:8px;box-shadow:none;min-height:42px;transition:border-color .2s,box-shadow .2s}.vendor-select .css-b62mhf-control:hover{border-color:#2563eb}.vendor-select .css-b62mhf-control--is-focused{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.vendor-btn-remove{background:#ef4444;color:#fff;border:none;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;flex-shrink:0}.vendor-btn-remove:hover{background:#dc2626;transform:scale(1.05)}.vendor-btn-add{background:#10b981;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:.95rem;font-weight:500;cursor:pointer;margin-top:8px;align-self:flex-start;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.vendor-btn-add:hover{background:#059669;transform:translateY(-1px)}@media (max-width: 768px){.vendor-form-block{padding:15px}.vendor-form-row{flex-direction:column;align-items:stretch}.vendor-btn-remove{align-self:flex-end;width:auto;padding:6px 12px;height:auto;margin-top:6px}.vendor-btn-add{width:100%;justify-content:center}}.purchase-order-form .css-2b097c-container{width:100%}.purchase-order-form .css-b62mhf-control{border:1px solid #d1d5db;border-radius:8px;padding:2px;transition:all .2s;background-color:#fafafa}.purchase-order-form .css-b62mhf-control:hover{border-color:#9ca3af}.purchase-order-form .css-b62mhf-control:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background-color:#fff}.purchase-order-form .css-t3ipsp-control{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;font-style:italic}.form-group input:focus,.form-group textarea:focus,.purchase-order-form .css-b62mhf-control:focus-within{outline:none}.psw-container{max-width:1400px;margin:20px auto;padding:20px;background:#fff;border-radius:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.psw-title{font-size:1.8rem;font-weight:600;color:#487ab0;margin-bottom:20px;border-bottom:2px solid #5b2e8c;padding-bottom:8px}.psw-form{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.psw-col{flex:1 1 200px;display:flex;flex-direction:column}.psw-label{margin-bottom:5px;font-weight:500;color:#333}.psw-input{padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:1rem;transition:all .2s}.psw-input:focus{outline:none;border-color:#5b2e8c;box-shadow:0 0 5px #5b2e8c4d}.psw-select__control{border-radius:5px;border:1px solid #ccc;min-height:40px}.psw-select__control--is-focused{border-color:#5b2e8c;box-shadow:0 0 5px #5b2e8c4d}.psw-select__menu{z-index:10}.psw-btn{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;margin-right:10px;transition:all .2s}.psw-btn-primary{background-color:#5b2e8c;color:#fff}.psw-btn-primary:hover{background-color:#6c3aad}.psw-btn-secondary{background-color:#f0f0f0;color:#333}.psw-btn-secondary:hover{background-color:#e0e0e0}.psw-table-container{margin-top:30px;overflow-x:auto}.psw-table{width:100%;border-collapse:collapse}.psw-table th,.psw-table td{padding:10px 12px;border:1px solid #ddd;text-align:left;font-size:.95rem}.psw-table th{background-color:#3e68a3;color:#fff;font-weight:600}.psw-table tr:nth-child(2n){background-color:#f9f9f9}.psw-table tr:hover{background-color:#f1f1f1}@media (max-width: 768px){.psw-form{flex-direction:column}.psw-col{width:100%}.psw-table th,.psw-table td{padding:8px;font-size:.85rem}}.pw-container{background:#fff;padding:20px;border-radius:8px}.pw-title{font-size:20px;font-weight:700;margin-bottom:15px}.pw-form{display:flex;gap:20px;flex-wrap:wrap}.pw-col{flex:1;min-width:250px}.pw-label{font-weight:600}.pw-input{width:100%;padding:8px;margin-top:4px}.pw-btn{padding:8px 18px;cursor:pointer;border-radius:5px;margin-right:10px}.pw-btn-primary{background-color:#4b7bec;color:#fff}.pw-btn-secondary{background-color:#778ca3;color:#fff}.pw-table-container{margin-top:25px;overflow-x:auto}.pw-table{width:100%;border-collapse:collapse}.pw-table th,.pw-table td{padding:8px;border:1px solid #ccc}.fs-wrapper{max-width:1400px;margin:20px auto;padding:20px;background:#fff;border-radius:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.fs-heading{font-size:1.8rem;font-weight:600;color:#487ab0;margin-bottom:20px;border-bottom:2px solid #5b2e8c;padding-bottom:8px}.fs-form{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.fs-field{flex:1 1 200px;display:flex;flex-direction:column}.fs-label{margin-bottom:5px;font-weight:500;color:#333}.fs-input{padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:1rem;transition:all .2s}.fs-input:focus{outline:none;border-color:#5b2e8c;box-shadow:0 0 5px #5b2e8c4d}.fs-select__control{border-radius:5px;border:1px solid #ccc;min-height:40px}.fs-select__control--is-focused{border-color:#5b2e8c;box-shadow:0 0 5px #5b2e8c4d}.fs-select__menu{z-index:10}.fs-btn{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;margin-right:10px;transition:all .2s}.fs-btn-primary{background-color:#5b2e8c;color:#fff}.fs-btn-primary:hover{background-color:#6c3aad}.fs-btn-secondary{background-color:#f0f0f0;color:#333}.fs-btn-secondary:hover{background-color:#e0e0e0}.fs-table-wrapper{margin-top:30px;overflow-x:auto}.fs-table{width:100%;border-collapse:collapse}.fs-table th,.fs-table td{padding:10px 12px;border:1px solid #ddd;text-align:left;font-size:.95rem}.fs-table th{background-color:#3e68a3;color:#fff;font-weight:600}.fs-table tr:nth-child(2n){background-color:#f9f9f9}.fs-table tr:hover{background-color:#f1f1f1}@media (max-width: 768px){.fs-form{flex-direction:column}.fs-field{width:100%}.fs-table th,.fs-table td{padding:8px;font-size:.85rem}}.class1{min-height:100vh;background:linear-gradient(to bottom right,#f8fafc,#e0e7ff,#e1e5f5);padding:24px}.class2{max-width:1280px;margin:0 auto}.class3{margin-bottom:32px}.class4{font-size:36px;font-weight:700;background:linear-gradient(to right,#2b2f38,#4f46e5);-webkit-background-clip:text;color:transparent;margin-bottom:8px}.class5{color:#4b5563}.class6{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 25px -5px #0000001a;padding:24px;margin-bottom:32px;overflow:visible}.class7{display:grid;grid-template-columns:1fr;gap:24px;overflow:visible}@media (min-width: 768px){.class7{grid-template-columns:1fr 1fr}}.class8{position:relative;overflow:visible}.class9{display:flex;align-items:center;gap:8px;font-weight:600;color:#374151;margin-bottom:12px;font-size:14px}.class68{margin-top:6px;padding:14px 16px;justify-content:center;background:#fff7e6;border:1px solid #f3c77b;border-radius:10px;box-shadow:0 2px 4px #0000000f;width:100%;max-width:900px;position:relative}.class69{font-size:12px;color:#b47500;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.7px}.class70{font-size:12px;color:#6a4a00;line-height:1.6;white-space:pre-line;padding:4px 0;display:block}.class10,.class12{width:8px;height:8px;border-radius:50%}.class10{background:#3b82f6}.class12{background:#6366f1}.class11{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:12px;background:#fff;transition:all .3s ease}.class11:hover{border-color:#93c5fd;box-shadow:0 4px 6px #0000001a}.class11:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.class13:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f14d}.class14{background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:64px;text-align:center;border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 25px -5px #0000001a}.class17{width:48px;height:48px;color:#4f46e5;margin:-80px auto 16px}.class18{font-size:18px;font-weight:600;color:#374151}.class19{display:flex;flex-direction:column;gap:20px}.class20{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 8px 16px #0000000f;transition:.3s ease}.class21{max-height:20vh;padding:20px;cursor:pointer}.class23{display:flex;justify-content:space-between;align-items:center}.class24{display:flex;align-items:center;gap:16px}.class26{color:#4f46e5;width:32px;height:32px}.class27{font-size:20px;font-weight:700;color:#1f2937}.class28{font-size:14px;color:#6b7280}.class30{width:24px;height:24px;color:#6b7280}.class31{padding:0 20px 20px}.class32{margin-bottom:20px;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.class33{background:#f3f4f6;padding:16px;cursor:pointer;border-bottom:1px solid #e5e7eb}.class34{display:flex;justify-content:space-between;align-items:center}.class35{display:flex;align-items:center;gap:40px}.class36,.class41,.class46,.class48{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.user-info-row{display:flex;align-items:center;gap:8px}.class39,.class40{margin:0}.class40{white-space:nowrap}.class47{display:flex;align-items:center;margin-left:9px}.class37{width:40px;height:40px;background:#eef2ff;border-radius:50%;display:flex;justify-content:center;align-items:center}.class38{color:#4f46e5}.class39{font-size:13px;color:#6b7280;margin-left:12px}.class40{font-size:15px;font-weight:600;color:#1f2937}.class42{display:flex;align-items:center;gap:8px}.class43{width:100px;height:10px;background:#e5e7eb;border-radius:8px;overflow:hidden}.class44{height:100%;background:#4f46e5}.class45{font-weight:700;color:#4f46e5}.class50{color:#4f46e5}.class52{color:#6b7280}.class53{padding:16px 20px;background:#fff}.class54{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.class55,.class61,.class64{background:#f3f4f6;padding:16px;border-radius:12px;border:1px solid #e5e7eb}.class56{display:flex;align-items:center;gap:8px}.class57,.class62,.class65{width:32px;height:32px;background:#e0e7ff;border-radius:50%;display:flex;justify-content:center;align-items:center}.class58{color:#4f46e5}.class59,.class63,.class66{font-size:13px;color:#6b7280}.class60,.class67{font-size:16px;font-weight:700;color:#1f2937}.class68{margin-bottom:24px}.class69{display:flex;align-items:center;gap:8px}.class70{width:8px;height:8px;background:#4f46e5;border-radius:50%}.class71{font-weight:700;color:#1f2937}.class72{margin-top:6px;color:#374151}.class73{width:100%;max-width:1200px;margin:0 auto}.class74{overflow-x:auto;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000a;background:#fff}.class75{width:100%;border-collapse:collapse;min-width:600px}.class76{background:#066bd0;border-bottom:2px solid #e5e7eb}.class77{padding:14px 16px;text-align:left;font-weight:600;color:#f6f8fa;font-size:14px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.class78{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.class78:last-child{border-bottom:none}.class78:hover{background:#f9fafb}.class79,.class80{padding:14px 16px;font-size:14px;color:#32353a;vertical-align:middle;white-space:nowrap}.class81,.class82,.class83{display:inline-flex;align-items:center;justify-content:center;background:#eef2ff;padding:4px 10px;border-radius:8px;font-weight:600;font-size:12px;color:#4f46e5;text-transform:capitalize;white-space:nowrap}.class78:focus-visible{outline:2px solid #4f46e5;outline-offset:-2px}.class20,.class32,.class53{transition:all .3s ease}.add-container{width:100%;padding:5px;box-sizing:border-box}.add-section-card{background:#fff;border:1px solid #dcdcdc;padding:12px;border-radius:10px;margin-bottom:30px;box-shadow:0 2px 10px #0000000f}.add-section-title{font-size:20px;font-weight:600;margin-bottom:15px}.add-section-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.add1-section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.add-input-box{width:100%;padding:10px;border:1px solid #bfbfbf;border-radius:6px;font-size:14px}.add-btn-right{display:flex;justify-content:flex-end;margin-top:15px}.add-btn-primary{background:#007bff;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer}.add-btn-green{background:#28a745;color:#fff;padding:10px 18px;border:none;border-radius:6px;cursor:pointer}.add-btn-edit{background:#f0ad4e;color:#fff;padding:6px 12px;border:none;border-radius:5px;cursor:pointer;margin-right:5px}.add-btn-save1{background:#30982b;color:#fff;padding:6px 12px;border:none;border-radius:5px;cursor:pointer;margin-right:5px}.add-btn-delete{background:#dc3545;color:#fff;padding:6px 12px;border:none;border-radius:5px;cursor:pointer}.add-custom-table{width:100%;border-collapse:collapse;margin-top:10px;table-layout:fixed}.add-custom-table th,.add-custom-table td{border:1px solid #e8ecef;padding:10px;max-width:150px;text-align:center;font-size:14px;word-wrap:break-word}.add-custom-table th{background:#2b5399;font-weight:600}.add-empty-row{padding:20px;color:#777}.add-custom-table td input{width:100%;max-width:120px;box-sizing:border-box;padding:6px}