body{margin:0;background-color:#f0f7ff;font-family:Inter,sans-serif}.container{display:flex;flex-direction:row;width:100%;height:100vh}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.main{margin-left:220px;width:calc(100% - 220px);display:flex;flex-direction:column;height:100vh}.main-content{margin:0 32px}.main-content-header{display:flex;width:100%;justify-content:space-between;align-items:center}.main-content-title{color:#2a2a2a;font-family:Inter,sans-serif;font-size:22px;font-style:normal;font-weight:600;line-height:150%;margin:8px 0 16px}.main-content{margin-top:50px;height:calc(100vh - 50px);overflow-y:auto;padding:0 16px;scrollbar-width:none;-ms-overflow-style:none}.main-content::-webkit-scrollbar{display:none}:root{--White: #fefefe;--Primary-Blue: #0261BF;--Neutral-100: #F7F7F7;--Neutral-200: #E7E7E7;--Neutral-300: #D6D6D6;--Neutral-400: #C5C5C5;--Neutral-500: #737373;--Neutral-600: #A3A3A3;--Neutral-700: #929292;--Neutral-800: #454545;--Neutral-900: #707070;--AM-Blue-600: #0261BF;--AM-Primary-Blue: #0261BF;--AM-Grey-50: #F7F8F8;--AM-Blue-100: #E0EDFE;--AM-Grey-800: #41434B;--Green-500: #09DE13;--Green-700: #04910C;--Guardsman-Red-600: #F00;--Text-Terciary: #5D616C}body{font-family:Inter,sans-serif}.sidebar{position:fixed;top:0;left:0;height:100vh;width:220px;z-index:100;flex-shrink:0;color:#fff;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;font-family:Inter,sans-serif}.sidebar h1{font-size:1.5rem;font-weight:700;margin-bottom:30px;text-align:center}.sidebar ul{display:flex;width:184px;flex-direction:column;align-items:flex-start;padding:0;margin:0}.sidebar ul li{display:flex;height:40px;padding:8px;gap:10px;justify-content:flex-start;align-self:stretch;cursor:pointer;border-radius:12px;margin:0;transition:background-color .3s ease}.sidebar ul li.active,.sidebar ul li:hover{background:var(--AM-Primary-Blue)}.sidebar ul li.active .sidebar-text,.sidebar ul li:hover .sidebar-text{color:var(--White);font-weight:600}.sidebar ul li.active svg path,.sidebar ul li:hover svg path{stroke:var(--White)}.sidebar ul li.active .iconContainer,.sidebar ul li:hover .iconContainer{background-color:transparent}.sidebar-title{margin-left:10px;color:#26272b;font-size:14px;font-weight:400;line-height:150%;text-transform:uppercase;margin-bottom:10px}.sidebar-menu{display:flex;justify-content:start;align-items:center;gap:8px;padding:8px;width:100%}.sidebar .logo{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.sidebar .logo img{width:50px;height:50px;margin-right:10px}.sidebar .footer{margin-top:auto;font-size:.9rem;text-align:center;color:#d1d1d1}.sidebar .header{display:flex;height:40px;padding:8px;justify-content:space-between;align-items:center;align-self:stretch}.iconContainer{display:flex;width:30px;height:30px;padding:5px;align-items:center;justify-content:center;gap:10px;border-radius:12px;background:var(--White);box-shadow:0 3.5px 5.5px #00000005}.sidebar-text{color:var(--Text-Terciary);text-decoration:none;font-size:14px;font-weight:400;line-height:150%}.has-submenu{flex-direction:column;gap:4px;height:fit-content}.submenu{display:none;list-style:none;padding-left:20px;margin-top:5px}.submenu.open{display:block}.submenu-item{padding:5px 0;cursor:pointer;display:flex;align-items:center;gap:10px}.submenu-text{color:var(--White);font-family:Inter,sans-serif;text-decoration:none;font-size:14px;font-style:normal;font-weight:600;line-height:150%}.submenu-item:hover{color:#fff}.sidebar ul li.has-submenu{height:auto}.topbar{position:fixed;top:0;left:220px;width:calc(100% - 220px);z-index:99;margin-top:0;display:flex;height:50px;margin-bottom:8px}.topbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 48px;gap:24px;background:#f3f8ff}.topbar-date{color:#6b7a90;font-size:16px;font-weight:400}.topbar-user-row{display:flex;align-items:center;gap:12px}.topbar-user-box{display:flex;align-items:center;background:#e9f1fa;border-radius:24px;padding:4px 16px;min-width:180px;justify-content:flex-end}.topbar-username{color:#454545;font-weight:500;font-size:16px;margin-right:16px}.logout-btn{margin-left:16px;padding:6px 16px;background:none;border:none;color:#0261bf;font-weight:600;font-size:15px;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#c0392b}.topbar-user-img{border-radius:50%;border:2px solid #b5d2f7;margin-left:8px;width:40px;height:40px}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.spinner{width:50px;height:50px;border:5px solid #ccc;border-top:5px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}