*{padding:0;margin:0}.login-container{min-height:100vh;display:flex;background-color:#fff;font-family:Outfit,Roboto,sans-serif}.login-left-side{display:none;flex-direction:column;align-items:center;justify-content:center;width:50%;background-color:#9bb8a6;color:#fff;padding:24px;text-align:center;border-right:1px solid rgba(69,80,103,.08)}@media(min-width:900px){.login-left-side{display:flex}}.branding-content-wrapper{display:flex;flex-direction:column;align-items:center}.logo-img{max-width:65%;max-height:250px;object-fit:contain;margin-bottom:16px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.08))}.slider-dots-container{display:flex;gap:8px;margin-top:24px}.slider-dot-active{width:20px;height:5px;border-radius:3px;background-color:#fff}.slider-dot{width:5px;height:5px;border-radius:50%;background-color:#fff6}.login-right-side{flex-grow:1;width:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:16px}@media(min-width:600px){.login-right-side{padding:24px}}@media(min-width:900px){.login-right-side{width:50%}}.form-header-container{margin-bottom:16px;text-align:left}.login-alert-error{margin-bottom:16px;border-radius:8px;font-size:.85rem;border:1px solid rgba(211,47,47,.12);background-color:#d32f2f08;color:#d32f2f}.login-alert-error .MuiAlert-icon{color:#d32f2f}.form-submit-container{margin-top:16px}.demo-credentials-container{margin-top:20px;padding:12px;background-color:#f9f9f9;border-radius:8px;border:1px solid rgba(69,80,103,.06)}.layout-container{display:flex;min-height:100vh;background-color:#f9f9f9;font-family:Outfit,Inter,Roboto,sans-serif}.sidebar-container{display:flex;flex-direction:column;height:100vh;background-color:#fff;border-right:1px solid rgba(69,80,103,.08);transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:sticky;top:0;z-index:100;flex-shrink:0}.sidebar-expanded{width:200px;min-width:200px;max-width:200px}.sidebar-collapsed{width:56px;min-width:56px;max-width:56px}.sidebar-header{height:50px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid rgba(69,80,103,.08);overflow:hidden}.sidebar-logo-wrapper{display:flex;align-items:center;gap:8px;min-width:180px}.sidebar-logo{width:24px;height:24px;object-fit:contain}.sidebar-menu-list{display:flex;flex-direction:column;gap:2px;padding:8px 4px;flex-grow:1}.sidebar-menu-item{display:flex;align-items:center;height:36px;padding:0 8px;border-radius:6px;color:#455067;cursor:pointer;transition:all .15s ease;text-decoration:none;position:relative;overflow:hidden}.sidebar-menu-item:hover{background-color:#4550670a;color:#000}.sidebar-menu-item-active{background-color:#45506714;color:#000;font-weight:600}.sidebar-menu-item-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background-color:#455067;border-radius:0 4px 4px 0}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:16px}.sidebar-collapsed .sidebar-item-icon{margin-right:0}.sidebar-item-label{font-size:.75rem;white-space:nowrap;opacity:1;transition:opacity .2s ease}.sidebar-collapsed .sidebar-item-label{opacity:0;pointer-events:none;width:0}.sidebar-footer{padding:8px 12px;border-top:1px solid rgba(69,80,103,.08);display:flex;align-items:center;overflow:hidden}.main-content-layout{flex-grow:1;display:flex;flex-direction:column;min-width:0}.top-navbar-container{height:50px;background-color:#fff;border-bottom:1px solid rgba(69,80,103,.08);display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:90}.navbar-left-wrapper{display:flex;align-items:center;gap:12px;flex-grow:1;max-width:320px}.navbar-search-box{flex-grow:1;margin-bottom:0!important}.navbar-right-wrapper{display:flex;align-items:center;gap:12px}.navbar-user-profile{display:flex;align-items:center;gap:8px;cursor:pointer;padding:2px 6px;border-radius:6px;transition:background-color .2s ease}.navbar-user-profile:hover{background-color:#4550670a}.user-info-text{display:none;flex-direction:column;text-align:left}@media(min-width:600px){.user-info-text{display:flex}}.user-info-name{font-size:.8rem;font-weight:600;color:#000;line-height:1.2}.user-info-role{font-size:.7rem;color:#455067;font-weight:500}.view-panel-container{padding:16px;flex-grow:1;overflow-y:auto}.panel-header-wrapper{margin-bottom:16px}.metrics-grid-layout{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:8px;margin-bottom:12px}@media(min-width:600px){.metrics-grid-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.metrics-grid-layout{grid-template-columns:repeat(4,minmax(0,1fr))}}.dashboard-details-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:1024px){.dashboard-details-grid{grid-template-columns:2fr 1fr}}.activity-feed-list{display:flex;flex-direction:column;gap:12px}.activity-feed-item{display:flex;gap:8px;align-items:flex-start}.activity-dot-indicator{width:6px;height:6px;border-radius:50%;background-color:#455067;margin-top:5px;flex-shrink:0}.activity-item-details{display:flex;flex-direction:column}.activity-item-text{font-size:.8rem;color:#000}.activity-item-time{font-size:.7rem;color:#455067;margin-top:2px}.dashboard-controls-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;margin-bottom:16px;border-bottom:1px solid rgba(69,80,103,.08)}.dashboard-controls-left{display:flex;align-items:center;gap:8px}.dashboard-controls-right{display:flex;align-items:center;gap:12px}.dashboard-last-refreshed{font-size:.75rem;color:#d32f2f;font-weight:500}.dashboard-section-header{display:flex;align-items:center;gap:8px;margin:16px 0;cursor:pointer;padding:4px;width:fit-content;border-radius:4px;transition:background-color .2s ease}.dashboard-section-header:hover{background-color:#4550670a}.dashboard-charts-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}@media(min-width:900px){.dashboard-charts-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-full-width-chart{width:100%}