@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body,html{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#f5f5f5;height:100%;overflow:hidden}.layout{display:flex;flex-direction:column;height:100vh}.navbar{background-color:#333;color:#fff;padding:10px 20px;position:sticky;top:0;z-index:20;flex-shrink:0;height:60px}.content{display:flex;flex:1;overflow:hidden;position:relative}.main-content{flex:1;background-color:#fff;overflow-y:auto;overflow-x:hidden;height:100vh;-webkit-overflow-scrolling:touch}.footer{background-color:#333;color:#fff;text-align:center;padding:10px;flex-shrink:0}@media (max-width: 768px){.main-content{margin-left:0;padding:15px}.main-content.collapsed{margin-left:0}}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#f1f1f1}.main-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#555}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;color:#000}.navbar-left,.navbar-center,.navbar-right{display:flex;align-items:center}.navbar-left .logo,.navbar-right .logo{width:50px;height:auto}.navbar-center input{padding:8px;width:100%;max-width:300px;box-sizing:border-box;border-radius:20px;border:1px solid #ccc}.navbar-right a{color:#fff;margin-left:15px;text-decoration:none;font-size:26px}.navbar-center a{color:#000;margin-left:15px;text-decoration:none;font-size:24px;font-weight:600}.navbar-right a:hover{text-decoration:underline}.iconsSize{width:30px;height:30px}.navbar-right{column-gap:20px}.btn-notification{background:none;border:#565656 1px solid;border-radius:6px;padding:6px;height:40px;width:40px}.btn-logout{background:#003acd;border:none;border-radius:50%;padding:6px;height:40px;width:40px}.btn-logout:hover{cursor:pointer;background:#446eda}.user-menu-container{position:relative}.user-menu{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:150px;z-index:1000;margin-top:8px;opacity:0;visibility:hidden;transition:all .2s ease}.user-menu-container:hover .user-menu{opacity:1;visibility:visible}.menu-item{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;color:#333;font-size:14px;transition:background-color .2s}.menu-item:hover{background-color:#f5f5f5}:root{--icon-size: 30px;--sidebar-width: 200px;--collapsed-width: 60px;--transition-speed: .3s;--bg-color: #565656;--text-color: #fff;--active-color: #4a90e2;--hover-color: rgba(255, 255, 255, .1)}.sidebar{width:var(--sidebar-width);background-color:var(--bg-color);color:var(--text-color);padding:15px 10px;overflow-y:auto;transition:width var(--transition-speed) ease;height:100vh;position:relative;z-index:10;display:flex;flex-direction:column}.sidebar.collapsed{width:var(--collapsed-width);padding:15px 0}.sidebar.mobile{position:fixed;box-shadow:2px 0 10px #0000004d}.sidebar-header{display:flex;flex-direction:column;align-items:center;margin-bottom:25px;width:100%}.toggle-button{background:none;border:none;color:var(--text-color);cursor:pointer;display:grid;place-items:center;width:var(--icon-size);height:var(--icon-size);padding:5px;border-radius:4px;transition:background-color .2s ease;margin:0 auto}.toggle-button:hover{background-color:var(--hover-color)}.sidebar-content{flex:1;display:flex;flex-direction:column;justify-content:center;margin-top:-105px}.sidebar-titles{overflow:hidden;margin-left:10px;white-space:normal}.sidebar-title{font-weight:600;line-height:2;text-overflow:ellipsis;overflow:hidden;margin:0}.sidebar-subtitle{font-size:.75rem;opacity:.8;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sidebar-menu{display:flex;flex-direction:column;gap:5px;width:100%}.sidebar-item{display:flex;align-items:center;padding:10px;color:var(--text-color);text-decoration:none;border-radius:4px;transition:all var(--transition-speed) ease;white-space:nowrap;overflow:hidden}.sidebar-item:hover{background-color:var(--hover-color)}.sidebar-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.sidebar-label{margin-left:12px;font-size:.9rem;transition:opacity var(--transition-speed) ease;text-overflow:ellipsis;overflow:hidden}.sidebar.collapsed .sidebar-label{opacity:0;width:0;margin-left:0}.sidebar-item.active{background-color:#4a90e233;font-weight:500}.sidebar-item.active .sidebar-icon{color:var(--active-color)}@media (max-width: 768px){.sidebar{width:0;padding:0;overflow:hidden;position:fixed;left:0;top:0;bottom:0;background-color:var(--bg-color);z-index:1000;transition:all .3s ease}.sidebar.mobile-visible{width:70vw;max-width:280px;padding:15px 10px}.mobile-menu-button{display:block;background:none;border:none;font-size:24px;cursor:pointer;color:#212291;padding:10px;position:fixed;left:10px;top:10px;z-index:1100}}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 0}.single-roww{display:flex;flex-wrap:wrap;gap:10px;width:100%}@media (max-width: 768px){.single-roww{flex-direction:column;gap:15px}}.gap{display:flex;flex-direction:column;gap:10px}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center}.card-title{font-size:14px;font-weight:600;color:#71717a}.card-content .amount{font-size:24px;font-weight:700}h4{margin-top:0}.form-container{max-width:400px;margin:0 auto;padding:20px;border-radius:8px;background-color:#fff;position:relative;display:flex;flex-direction:column;gap:10px}.form-container h2{text-align:center;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#414144}.form-group input,.form-group select{width:100%;padding:8px;border:1px solid #E4E4E7;border-radius:4px}.form-actions{display:flex;justify-content:flex-end;margin-top:20px}.back-button{position:absolute;top:10px;left:10px;background:none;border:none;font-size:16px;cursor:pointer}.submit-button{padding:10px 20px;border:none;border-radius:4px;background-color:#28a745;color:#fff;cursor:pointer}.submit-button:hover{background-color:#218838}.new-sale-button{padding:10px 20px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer}.new-sale-button:hover{background-color:#0056b3}.login-container{display:flex;height:100vh}.login-header{position:absolute;top:2rem;left:2rem}.login-left{flex:1;padding:3rem 4rem;background-color:#fff;display:flex;flex-direction:column;position:relative}.login-logo{display:flex;align-items:center;gap:.5rem}.login-logo img{width:25px;height:auto}.login-logo span{font-weight:700;font-size:1.25rem;color:#333}.login-content{margin:auto;width:100%;max-width:360px}.login-content h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-subtext{color:#888;margin-bottom:2rem;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.95rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid #dcdcdc;border-radius:8px;font-size:1rem;outline:none;transition:border .3s}.form-group input:focus{border-color:#003acd}.remember-me{display:flex;align-items:center;margin-bottom:1.5rem;font-size:.9rem}.remember-me input{margin-right:.5rem}.login-button{width:100%;padding:.9rem;background-color:#003acd;color:#fff;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.login-button:hover{background-color:#002a9e}.forgot-password{display:block;margin-top:1rem;text-align:center;color:#003acd;font-size:.9rem;text-decoration:none}.login-right{flex:1;background-color:#003acd;display:flex;justify-content:center;align-items:center;padding:2rem}.login-illustration{max-width:80%;height:auto}.floating-error{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;animation:slideIn .3s ease-in-out;box-shadow:0 4px 12px #0003}.button-container{display:flex;justify-content:center;width:100%}.login-button{width:auto;min-width:200px;padding:.9rem 2rem}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.login-right{display:none}.login-left{width:100%!important}.login-container{justify-content:center!important}}.user-Header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.dashboard-container{display:flex;flex-direction:column;gap:10px}.react-icons{vertical-align:middle;margin-right:10px;width:20px;height:20px}.TitlePage{font-size:18px;font-weight:700;color:#333}.user-button{background-color:#fb7702;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.user-button:hover{background-color:#dd6e0c}.buttonGroup{padding:10px}.single-roww{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-bottom:20px}.single-roww>*{flex:1;min-width:200px}.user-Header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.TitlePage{font-size:24px;font-weight:700;color:#333}.react-icons{font-size:20px}@media (max-width: 768px){.single-roww{flex-direction:column;gap:15px}.user-Header{flex-direction:column;gap:10px;align-items:flex-start}.user-button{width:100%;justify-content:center}}.home-container{padding:1.5rem;display:flex;flex-direction:column;max-width:1200px;margin:0 auto}.TitleSpan{font-size:1.6rem;font-weight:500;margin-bottom:1.5rem;color:#4b4949;letter-spacing:0}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1120px}.card-home{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit}.card-home:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.card-title{margin:0;font-size:1.1rem;font-weight:500;color:#444}.card-content{display:flex;justify-content:flex-end}.card-icon-container{display:flex;align-items:center;gap:10px}.card-arrow{color:#666;transition:transform .2s ease}.card-home:hover .card-arrow{transform:translate(3px)}@media (max-width: 768px){.menu-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 480px){.menu-grid{grid-template-columns:1fr}.card-home{height:100px}.card-title{font-size:1rem}}.card-home{display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:1rem;height:160px;background-color:#f5f5f5;border-radius:12px;box-shadow:0 3px 10px #0000000d;text-decoration:none;color:#333;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #f1f0f0}.card-home:hover{transform:translateY(-4px);box-shadow:0 6px 14px #0000001a}.card-title{font-size:1.5rem;font-weight:500;margin-bottom:1rem;color:#fff}.card-icons{display:flex;justify-content:space-between;align-items:center;gap:.5rem;color:#f1f0f0}.feature-icon{border-radius:50%;padding:6px;display:flex;align-items:center;justify-content:center}.arrow-icon{color:#fff;width:30px;height:30px}.breadcrumbs{margin-bottom:10px}