.app-navbar{background:#f5f7f9;justify-content:space-between;align-items:center;height:64px;padding:0 1rem;display:flex}.app-navbar-left,.app-navbar-right{align-items:center;gap:1rem;display:flex}.logo{height:34px}.search{background:#f3f4f6;border-radius:6px;align-items:center;padding:.25rem .5rem;display:flex}.search input{background:0 0;border:none;outline:none;margin-left:.5rem}.icon{cursor:pointer}.avatar{color:#fff;background:#0747f7;border-radius:50%;place-content:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:grid}.logout-btn{cursor:pointer;color:inherit;background:0 0;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.85rem;text-decoration:none;transition:background .2s;display:flex}.logout-btn:hover{background:#f3f4f6}.logout-icon{font-size:.95rem}@media (max-width:480px){.logout-btn span{display:none}}.desktop-only{display:none}.mobile-only{display:block}@media (min-width:768px){.desktop-only{display:flex}.mobile-only{display:none}}
.sidebar{color:#cbd5e1;background:#f5f7f9;width:240px;height:calc(100vh - 64px);padding:10px;transition:transform .3s;overflow-y:auto}.item{color:#000;border-radius:6px;align-items:center;gap:.75rem;margin-top:7px;padding:.75rem 1rem;text-decoration:none;display:flex}.item:hover,.item.active{font-weight:600;color:#1d4ed8!important;background-color:#dbeafe!important}.item-icon{min-width:18px}.section-title{color:#9ca3af;text-transform:uppercase;padding:1rem 1rem .25rem;font-size:.75rem}.badge{color:#fff;background:#10b981;border-radius:4px;margin-left:4px;padding:0 4px;font-size:.65rem}.sidebar{z-index:30;position:absolute;transform:translate(-100%)}.sidebar.open{transform:translate(0)}@media (min-width:768px){.sidebar{position:static;transform:translate(0)}}
.layout{flex-direction:column;height:100vh;display:flex}.layout-main{background:#f5f7f9;flex:1;display:flex;overflow:hidden}.content{background:#fff;border-radius:20px;flex:1;margin:10px;padding:1.5rem;overflow-y:auto;box-shadow:0 8px 24px #0000000f}.overlay{z-index:20;background:#00000073;position:fixed;inset:0}