@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary-color:#64748b;--accent-color:#0ea5e9;--background-light:#f8fafc;--background-dark:#1e293b;--text-primary:#0f172a;--text-secondary:#475569;--text-light:#94a3b8;--success-color:#22c55e;--warning-color:#f59e0b;--danger-color:#ef4444;--border-color:#e2e8f0;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--transition-speed:0.3s}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#f9fbfc;color:#333;font-family:Inter,sans-serif;overflow-x:hidden}#root{display:flex;flex-direction:column;height:100vh}.navbar{background-color:#1a1a1a;height:60px}.sidebar{background-color:#1f2a37;height:calc(100vh - 60px);overflow-y:auto;padding-top:20px;top:60px}.sidebar a{color:#cbd5e1;font-size:16px;font-weight:500;transition:all .3s}.sidebar a.active,.sidebar a:hover{background-color:#374151;border-left:4px solid #1abc9c;color:#fff}.app-layout{display:flex;height:calc(100vh - 60px);margin-top:60px}.main-content{background-color:#fafafa;height:calc(100vh - 60px);margin-left:260px;overflow-y:auto;padding:20px}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600;line-height:1.2;margin-bottom:1rem}button,input,select,textarea{font-family:Inter,sans-serif;transition:all .3s ease;transition:all var(--transition-speed) ease}input,select,textarea{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;padding:.75rem 1rem}input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.card{border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--card-shadow);padding:1.5rem}.btn{align-items:center;border:none;border-radius:.5rem;display:inline-flex;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease}.btn-primary{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-dark)}.btn-secondary{background-color:#64748b;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#475569}.btn-danger{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626}.table{border-collapse:collapse;margin:1rem 0;width:100%}.table th{background-color:#f8fafc;background-color:var(--background-light);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);font-weight:600;padding:1rem;text-align:left}.table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:1rem}.table tr:hover{background-color:#f8fafc;background-color:var(--background-light)}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.badge-success{background-color:#dcfce7;color:#166534}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-danger{background-color:#fee2e2;color:#991b1b}.navbar{align-items:center;background-color:#78866b;box-sizing:border-box;color:#fff;display:flex;font-family:Inter,sans-serif;font-size:20px;height:80px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.logout-btn{background-color:#8b0000;border:none;border-radius:7px;color:#fff;cursor:pointer;font-weight:800;margin-left:35px;padding:8px 14px;transition:background-color .3s ease}.logout-btn:hover{background-color:#c53030}.navbar-left h3{font-size:18px;margin:0}.logout-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.logout-button:hover{background-color:#c0392b}.navbar-brand{align-items:center;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;gap:.5rem;text-decoration:none}.navbar-brand img{height:32px;width:32px}.navbar-search{position:relative;width:400px}.navbar-search input{background-color:var(--background-light);border:1px solid var(--border-color);padding-left:2.5rem;width:100%}.navbar-search svg{color:var(--text-light);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.navbar-right{align-items:center;display:flex;gap:1.5rem}.navbar-item{color:var(--text-secondary);cursor:pointer;position:relative;transition:color var(--transition-speed) ease}.navbar-item:hover{color:var(--primary-color)}.navbar-notification{background-color:var(--danger-color);border-radius:9999px;color:#fff;font-size:.75rem;font-weight:500;min-width:18px;padding:.125rem .375rem;position:absolute;right:-5px;text-align:center;top:-5px}.navbar-profile{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background-color var(--transition-speed) ease}.navbar-profile:hover{background-color:var(--background-light)}.navbar-profile img{border-radius:9999px;height:36px;object-fit:cover;width:36px}.navbar-profile-info{display:none}@media (min-width:768px){.navbar-profile-info{display:block}.navbar-profile-name{color:var(--text-primary);font-weight:500}.navbar-profile-role{color:var(--text-secondary);font-size:.875rem}}.sidebar{background-color:#2e4b38;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 80px);left:0;overflow-y:hidden;position:fixed;top:80px;width:260px}.sidebar ul{list-style:none;margin:0;padding:0 0 20px}.sidebar a{border-left:4px solid #0000;border-radius:0 5px 5px 0;color:#4f9269;display:block;font-family:Inter,sans-serif;font-size:20px;font-weight:600;padding:14px 28px;text-decoration:none;transition:background-color .3s ease,border-color .3s ease}.sidebar a:hover{border-left-color:#43a491}.sidebar a.active,.sidebar a:hover{background-color:#2a6c27;color:#fff}.sidebar a.active{border-left-color:#16a085;font-weight:700}.sidebar-header{border-bottom:1px solid var(--border-color);gap:.75rem;padding:1.5rem}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;gap:.5rem;text-decoration:none}.sidebar-logo img{height:32px;width:32px}.sidebar-nav{padding:1.5rem 0}.nav-section{margin-bottom:1.5rem}.nav-section-title{color:var(--text-light);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:0 1.5rem;text-transform:uppercase}.nav-item{align-items:center;color:var(--text-secondary);display:flex;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all var(--transition-speed) ease}.nav-item.active,.nav-item:hover{background-color:var(--background-light);color:var(--primary-color)}.nav-item.active:before{background-color:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.nav-icon{height:20px;margin-right:.75rem;width:20px}.nav-text{font-weight:500}.sidebar-footer{border-top:1px solid var(--border-color);bottom:0;left:0;padding:1.5rem;position:absolute;right:0}.sidebar-footer-content{align-items:center;display:flex;gap:.75rem}.sidebar-footer img{border-radius:9999px;height:40px;object-fit:cover;width:40px}.sidebar-footer-info h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0}.sidebar-footer-info p{color:var(--text-secondary);font-size:.75rem;margin:0}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}form{background:#f8f9fa;border-radius:8px;box-shadow:0 6px 12px #0000001a;margin:6rem auto;max-width:400px;padding:2rem 3rem}h2{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}input[type=password],input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:1.25rem;padding:.75rem 1rem;transition:border-color .3s ease}input[type=password]:focus,input[type=text]:focus{border-color:#007bff;outline:none}button{background-color:#007bff;border-radius:5px;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:background-color .3s ease}button:hover{background-color:#0056b3}.register-container{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;color:#222;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:3rem auto;max-width:400px;padding:2rem}.register-container h2{color:#2c3e50;font-weight:700;margin-bottom:1.5rem;text-align:center}.register-container form{display:flex;flex-direction:column;gap:1rem}.register-container input,.register-container select{border:1.5px solid #ccc;border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .25s ease;width:100%}.register-container input:focus,.register-container select:focus{border-color:#07c;box-shadow:0 0 8px #07c6;outline:none}.register-container button{background-color:#07c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px;transition:background-color .3s ease}.register-container button:hover{background-color:#005fa3}.register-container p{font-weight:600;margin-top:1rem;text-align:center}.register-container p.error{color:#e74c3c}.register-container p.success{color:#27ae60}body,html{height:100%;margin:0;padding:0}.dashboard-container{background:#fafafa;border-radius:10px;box-shadow:0 5px 15px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto 2rem;max-width:900px;padding:1.5rem 2rem}.dashboard-container h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.filters{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}.filters label{color:#555;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;min-width:150px}.filters input[type=date],.filters input[type=text]{border:1.5px solid #ccc;border-radius:6px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;margin-top:.3rem;padding:.5rem .7rem;transition:border-color .3s ease}.filters input[type=date]:focus,.filters input[type=text]:focus{border-color:#3182ce;outline:none}.metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.card{background:#fff;border-radius:10px;box-shadow:0 3px 8px #00000012;cursor:default;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:1.2rem 1.5rem;text-align:center;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.card h3{color:#444;font-size:1.1rem;font-weight:600;margin-bottom:.6rem}.card p{color:#222;font-size:1.4rem;font-weight:700}.card.clickable{color:#3182ce;cursor:pointer}.card.clickable:hover{background-color:#e6f0fa;box-shadow:0 6px 15px #3182ce4d}.modal-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:1.8rem 2.2rem;text-align:center;-webkit-user-select:none;user-select:none;width:320px}.modal h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.modal ul{color:#34495e;font-size:1.05rem;list-style:none;margin-bottom:1.5rem;padding:0;text-align:left}.modal ul li{margin-bottom:.5rem}.modal button{background-color:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;font-weight:600;padding:.55rem 1.3rem;transition:background-color .3s ease}.modal button:hover{background-color:#255eaa}.users-container{background-color:#fff;border-radius:8px;box-shadow:0 3px 12px #0000001a;color:#2d2d2d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2.5rem auto;max-width:900px;padding:2rem}.users-container h1{color:#1e2a38;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;font-size:1rem;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e0e0e0;padding:.75rem 1rem;text-align:left}.users-table th{background-color:#f4f6f8;color:#34495e;font-weight:600}.users-table tr:hover{background-color:#f9f9f9}.users-table td{color:#555}.main-content{background-color:#fff;border-radius:12px;box-shadow:0 6px 20px #0000001a;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:1000px;padding:2rem}.main-content h1{color:#1e2a38;font-size:2.4rem;font-weight:700;margin-bottom:2rem;text-align:center}.filter-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.filter-input,.filter-select{border:1px solid #ccc;border-radius:8px;font-size:1rem;min-width:200px;padding:.5rem 1rem;transition:border-color .3s ease}.filter-input:focus,.filter-select:focus{border-color:#3498db;outline:none}.asset-table{border-collapse:collapse;font-size:1rem;margin-top:1rem;width:100%}.asset-table td,.asset-table th{border-bottom:1px solid #dcdcdc;padding:.75rem 1rem;text-align:left}.asset-table th{background-color:#3a87d3;color:#fff;font-weight:600}.asset-table tbody tr:hover{background-color:#f9f9f9}.status-instock{background-color:#eafaf1;color:#2ecc71}.status-assigned,.status-instock{border-radius:5px;font-size:.9rem;font-weight:600;padding:.3rem .6rem}.status-assigned{background-color:#fef5e7;color:#f39c12}.action-buttons{display:flex;gap:.5rem}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:background-color .3s ease,transform .1s ease}.edit-btn{background-color:#3498db;color:#fff}.edit-btn:hover{background-color:#2980b9;transform:scale(1.03)}.delete-btn{background-color:#e74c3c;color:#fff}.delete-btn:hover{background-color:#c0392b;transform:scale(1.03)}@media (max-width:600px){.filter-container{align-items:stretch;flex-direction:column}.filter-input,.filter-select{width:100%}}.p-4{background-color:#fff;border-radius:10px;box-shadow:0 3px 12px #0000001f;color:#2f2f2f;margin:3rem auto;max-width:720px;padding:1.5rem 2rem}h2{color:#1a1a1a;font-size:2rem;letter-spacing:.02em}form,h2{margin-bottom:2rem}form{display:flex;flex-direction:column;gap:14px}input,select{border:1.8px solid #ccc;border-radius:8px;color:#333;font-family:inherit;font-size:1rem;padding:12px 14px;transition:border-color .3s ease,box-shadow .3s ease}input::placeholder,select option:first-child{color:#999}input:focus,select:focus{border-color:#0056b3;box-shadow:0 0 8px #0056b359;outline:none}button{background-color:#0056b3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.03em;padding:12px 18px;transition:background-color .25s ease,transform .15s ease}button:hover{background-color:#003f7f;transform:scale(1.05)}button:active{transform:scale(.98)}.mb-4{margin-bottom:1.5rem}.mb-6{margin-bottom:2rem}.space-x-2>*+*{margin-left:1rem}.mb-4.space-x-2{align-items:center;border-bottom:1.5px solid #e0e0e0;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding-bottom:.8rem}input[type=date]{max-width:180px}ul{border-radius:0 0 10px 10px;border-top:1.8px solid #ddd;list-style:none;max-height:440px}ul li{border-bottom:1px solid #eee;color:#2a2a2a;font-size:1.05rem;line-height:1.5;padding:1rem 1.25rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}ul li:hover{background-color:#f5faff;cursor:default}ul li:nth-child(odd){background-color:#fafafa}.transfers-container{background:#fff;border-radius:8px;box-shadow:0 3px 12px #0000001a;color:#2d2d2d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2.5rem auto;max-width:600px;padding:1.5rem 2rem}.transfers-container h2{color:#1e2a38;font-size:1.75rem;font-weight:700;margin-bottom:1.25rem;text-align:center}.transfers-container form{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem}.transfers-container input{border:1.5px solid #ccc;border-radius:6px;font-size:1rem;padding:10px 14px;transition:border-color .3s ease}.transfers-container input:focus{border-color:#005bbb;box-shadow:0 0 8px #005bbb59;outline:none}.transfers-container button{background-color:#005bbb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px;transition:background-color .3s ease}.transfers-container button:hover{background-color:#004494}.transfers-container ul{border-top:1px solid #eee;list-style-type:none;padding-left:0}.transfers-container ul li{border-bottom:1px solid #eee;color:#444;font-size:1rem;padding:.6rem 0}.transfers-container ul li:last-child{border-bottom:none}.expenditures-button{background-color:#111b24}.expenditures-button:hover{background-color:#255eaa}div.p-4{background-color:#fffefc;border-radius:10px;box-shadow:0 6px 14px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:3rem auto;max-width:700px;padding:2rem}h2.text-xl{color:#2f4f4f;margin-bottom:1.5rem;text-align:center}form.space-y-2{display:flex;flex-direction:column}form.space-y-2 input{border:1.5px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1rem;padding:.7rem 1rem;transition:border-color .3s ease}form.space-y-2 input:focus{border-color:#3182ce;outline:none}form.space-y-2 button{background-color:#004494;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 0;transition:background-color .3s ease}form.space-y-2 button:hover{background-color:#255eaa}ul{margin-top:2rem}ul li{background-color:#f4f7f8;border:1px solid #ddd;border-radius:6px;color:#333;font-weight:500;margin-bottom:.8rem;padding:.8rem 1rem;transition:background-color .3s ease}ul li:hover{background-color:#e2e8f0}.p-4{background-color:#fafafa;border-radius:8px;box-shadow:0 3px 10px #00000014;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:700px;padding:1rem 1.5rem}h2{color:#2c3e50;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center}ul{border-top:1.5px solid #ddd;list-style-type:none;margin:0;max-height:400px;overflow-y:auto;padding-left:0}ul li{border-bottom:1px solid #e0e0e0;color:#444;font-size:1rem;line-height:1.4;padding:.6rem .8rem;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-word}ul li:nth-child(odd){background-color:#f7f7f7}
/*# sourceMappingURL=main.be4e529d.css.map*/