body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;background-color:#0f172a}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.app-container{display:flex;width:100vw;height:100vh}.sidebar{width:250px;background:#0f172af2;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:all .3s ease;z-index:105;position:fixed;height:100vh}.main-content{margin-left:250px;width:calc(100% - 250px);box-sizing:border-box;height:100vh;overflow-y:auto;transition:all .3s ease}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:30px}.flex-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.search-form{display:flex;gap:10px;align-items:center;background:#ffffff0d;padding:8px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;box-sizing:border-box}.mobile-menu-btn{display:none;position:absolute;top:15px;left:15px;z-index:101;background:#0f172acc;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px;border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}@media (min-width: 769px){.sidebar.collapsed{width:80px}.sidebar.collapsed .nav-label,.sidebar.collapsed .logo-text,.sidebar.collapsed .logout-text{display:none}.main-content.collapsed{margin-left:80px;width:calc(100% - 80px)}.sidebar-toggle-btn{display:flex}}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2-1{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{position:fixed;left:-250px;height:100%}.sidebar.open{left:0}.mobile-menu-btn,.mobile-overlay.open{display:block}.main-content{margin-left:0!important;width:100%!important}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.flex-header{flex-direction:column;align-items:stretch}.flex-header h1{margin-left:45px!important;font-size:24px!important}.search-form{flex-direction:column;width:100%;align-items:stretch}.search-form input,.search-form button{width:100%!important;box-sizing:border-box}.search-form .separator{display:none}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}