body{display:flex;flex-direction:column;min-height:100vh;margin:0}.main-content{margin-left:280px;padding:20px 20px 40px;width:calc(100% - 280px);box-sizing:border-box;flex:1}.sidebar{position:fixed;top:20px;bottom:20px;left:20px;width:240px;z-index:1000}.sidebar-card{width:100%;height:100%;box-sizing:border-box;background-color:#ffffff;border:1px solid rgba(216,233,254,.5);border-radius:20px;padding:24px 16px;width:240px;box-shadow:0 8px 30px rgba(0,0,0,.05);display:flex;flex-direction:column}.sidebar-logo{color:#000000;font-weight:700;font-size:1.5rem;margin-bottom:30px;text-align:left}.sidebar-nav{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex-grow:1}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-item{color:#000000;display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;border-radius:12px;transition:all .2s ease}.sidebar-item:hover{background-color:rgba(216,233,254,.5)}.sidebar-item.active{background-color:#b9d5fd;color:#000000;box-shadow:0 4px 10px rgba(0,0,0,.05);font-weight:500}.icon{width:22px;display:flex;justify-content:center;font-size:16px}.icon svg{width:24px;height:24px;transition:color .3s ease}.sidebar-item.active .icon svg{color:#2563eb}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(0,0,0,.06);gap:6px}.sidebar-admin,.sidebar-footer{display:flex;align-items:center}.sidebar-admin{gap:10px;flex:1;padding:8px 10px;border-radius:12px;text-decoration:none;transition:background .15s;min-width:0}.sidebar-admin:hover{background:rgba(0,0,0,.04)}.sidebar-admin-avatar{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.sidebar-admin-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.sidebar-admin-name{font-size:13px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-admin-role{font-size:11px;color:#9ca3af}.sidebar-admin-arrow{color:#d1d5db;flex-shrink:0}.sidebar-logout{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;color:#9ca3af;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.sidebar-logout:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}