*{box-sizing:border-box}.app-layout{background:#f8fafc;flex-direction:column;display:flex}.main-container{flex:1;min-height:calc(100vh - 83px);display:flex}.app-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;gap:24px;width:280px;padding:24px;display:flex;overflow-y:auto}.app-sidebar .user-info-card{background:linear-gradient(135deg,#f0fdfa 0%,#e0f2fe 100%);border:1px solid #e0f2fe;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.app-sidebar .user-info-card .user-avatar-large{color:#fff;background:linear-gradient(135deg,#22d3ee 0%,#0891b2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex;box-shadow:0 4px 8px #22d3ee4d}.app-sidebar .user-info-card .user-details{flex:1;min-width:0}.app-sidebar .user-info-card .user-details .user-name{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:16px;font-weight:600;overflow:hidden}.app-sidebar .user-info-card .user-details .user-role{color:#0891b2;margin:0;font-size:14px;font-weight:500}.app-sidebar .nav-menu{flex-direction:column;gap:4px;display:flex}.app-sidebar .nav-menu .nav-item{color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.app-sidebar .nav-menu .nav-item:hover{color:#1f2937;background-color:#f3f4f6;transform:translate(2px)}.app-sidebar .nav-menu .nav-item.active{color:#0891b2;background:linear-gradient(135deg,#e0f2fe 0%,#dbeafe 100%);font-weight:600;box-shadow:0 2px 4px #0891b21a}.app-sidebar .nav-menu .nav-item.active:before{content:"";background:linear-gradient(#22d3ee 0%,#0891b2 100%);border-radius:0 2px 2px 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.app-sidebar .nav-menu .nav-item.active .nav-icon{transform:scale(1.1)}.app-sidebar .nav-menu .nav-item .nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s;display:flex}.app-sidebar .nav-menu .nav-item .nav-label{font-size:15px;line-height:1}.content-wrapper{background:#f8fafc;flex:1;overflow-y:auto}@media (max-width:1024px){.app-sidebar{width:240px;padding:16px}}@media (max-width:768px){.main-container{flex-direction:column}.app-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;width:100%;max-height:none;padding:16px}.app-sidebar .user-info-card{padding:12px}.app-sidebar .user-info-card .user-avatar-large{width:40px;height:40px;font-size:16px}.app-sidebar .user-info-card .user-details .user-name{font-size:14px}.app-sidebar .user-info-card .user-details .user-role{font-size:12px}.app-sidebar .nav-menu{flex-direction:row;gap:8px;padding-bottom:4px;overflow-x:auto}.app-sidebar .nav-menu .nav-item{flex-direction:column;gap:4px;min-width:fit-content;padding:8px 12px}.app-sidebar .nav-menu .nav-item.active:before{border-radius:2px 2px 0 0;width:24px;height:3px;top:auto;bottom:0;left:50%;transform:translate(-50%)}.app-sidebar .nav-menu .nav-item .nav-label{font-size:12px}.content-wrapper{min-height:calc(100vh - 283px)}}