*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Roboto,sans-serif}body{min-height:100vh;background:#f4f6f9;overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;background-color:#1f3659;color:#fff;display:flex;flex-direction:column;transition:width .3s ease;z-index:100}.sidebar.collapsed{width:60px}.sidebar .toggle{background-color:#0a1d3a;padding:1rem;text-align:center;cursor:pointer}.sidebar ul{list-style:none;padding:1rem}.sidebar ul li{margin:8px 0;border-radius:5px;transition:background .2s}.sidebar ul li .navlink{display:flex;align-items:center;gap:10px;padding:12px;color:#fff;text-decoration:none;border-radius:5px;width:100%;font-weight:500}.sidebar ul li:hover .navlink{background-color:#0070d2;color:#fff}.sidebar ul li.active .navlink{background-color:#22c55e;color:#0b172a;font-weight:600}.sidebar .icon{width:24px;text-align:center;font-size:1rem;color:inherit}.sidebar.collapsed ul li .text{display:none}.content{padding:2rem;margin-left:240px;max-width:900px}body.sidebar-collapsed .content{margin-left:60px}@media (max-width:768px){.sidebar{position:relative;height:auto;width:100%;flex-direction:row;overflow-x:auto}.sidebar .toggle{display:none}.sidebar ul{display:flex;flex-direction:row;padding:.5rem;margin:0}.sidebar ul li{margin:0 8px}.content{margin-left:0;padding:1rem}}